如何将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，无需在那里添加{{ }}。