小编KMa*_*tko的帖子

我想知道是否可以将标签的value值加载为 vue.js 数据的默认值？

工作正常

coupon: $('#coupon').val(),

但我真的不想使用 jQuery。

代码可在此处获得：https : //jsfiddle.net/4a80dnfo/1/

我是Vue.js(和bootstrap-vue)的初学者,我想创建标签(就像这里)

<b-nav class="nav-tabs">
    <b-nav-item v-bind:active=true v-bind:class="{ active : tab === 1 }" v-on:click="tab = 1">Link 1</b-nav-item>
    <b-nav-item v-bind:class="{ active : tab === 2}" v-on:click="tab = 2">Link 2</b-nav-item>
    <b-nav-item v-bind:class="{ active : tab === 3}" v-on:click="tab = 3">Link 3</b-nav-item>
</b-nav>

但是,当我点击第二个链接时,它不会更改active = true(并且第一个按钮上的active = false).我试过了

v-on:click:active=true

但它不起作用.它适用于制表符,但不适用于导航(例如https://bootstrap-vue.github.io/docs/components/tabs).任何的想法？

添加:

Vue代码:

import Vue from 'vue';
import BootstrapVue from 'bootstrap-vue'
Vue.use(BootstrapVue);
new Vue({
    el: '#app',
    data: {
        tab: 1
    },
});