Как сделать на json объект для v-show?

Question

[Pavel_Timofeev]

Добрый вечер,

Помогите пожалуйста - как замапить 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

[Константин Толмачев]

<div id="app">
<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>
</div>

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

});

Зачем вы использовали экранирование переменных? Оно там не нужно совершенно.

Answer 2

[Алексей Ярков]

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

Comments

[Pavel_Timofeev]

Не работает, к сожалению (

[Алексей Ярков]

Pavel_Timofeev, обновил ответ