Vue.js conditional html attribute

Question

I have Tab.vue which I pass an object of tab data (linked to vue-router). I would like to pass exact when required, and append this attribute to the template if it exists

<tab :tabs="[{ text: 'Tab 1', route: 'home.tab1', exact: true }, { text: 'Tab 2', route: 'home.tab2' }]"></tab>

and in Tab.vue

<router-link v-for="item in tabs" :to="{ name: item.route }" item.exact?>
    {{ item.text }}
</router-link>

Linus Borg · Accepted Answer · 2017-02-24 10:22:02Z

1

<router-link v-for="item in tabs" :to="{ name: item.route }" :exact="item.exact">

answered Feb 24, 2017 at 10:22

Linus Borg

24.1k7 gold badges65 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue.js conditional html attribute

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related