如何将 JSON 对象与 v-show 链接

Question

如何在JSON对象和v-show指令之间映射？

<a href="#panel_1" v-show="{{ tabs.tab_1 }}">Tab 1</a>    
<a href="#panel_2" v-show="{{ tabs.tab_2 }}">Tab 2</a>
<a href="#panel_3" v-show="{{ tabs.tab_3 }}">Tab 3</a>

new Vue({
  el: '#app',
  data: {
        tabs: [{"tab_1": true}, {"tab_2": true}, {"tab_3": true}],
  }
})

Answer 1

写

<a href="#panel_1" v-show="tabs.tab_1">Tab 1</a>    
<a href="#panel_2" v-show="tabs.tab_2">Tab 2</a>
<a href="#panel_3" v-show="tabs.tab_3">Tab 3</a>

new Vue({
  el: '#app',
  data: {
        tabs: [{"tab_1": true}, {"tab_2": true}, {"tab_3": true}],
  }
})

这将自动绑定v-show无需在那里添加{{ }}。