如何在vuejs中绑定类？

Question

我尝试用v-bind绑定更多类：class我有单选按钮，我希望在活动时从bootstrap中提供一些类，如此。我知道我不会让课程成功。

<div id="app">


        <div  class="btn-group" data-toggle="buttons">
                        <label  :class="{'btn', 'btn-warning', 'active: radio === 1'}">
                            <input  v-model="removelines"  type="radio"  autocomplete="off" v-bind:value="yes" v-on:click="radio = 1">
                            yes
                        </label>

                        <label  :class="{'btn', 'btn-warning', 'active: radio === 2'}">
                            <input v-model="removelines" type="radio"  v-bind:value="no" v-on:click="radio = 2">
                            no
                        </label>
                    </div>

</div> 

和

new Vue{(
  el:'#app',
  data:{
    radio: 1
  }

)};

Answer 1

您的代码存在一些问题。请注意，您可以设置不以正常方式更改的类，并仅将:class（v-bind:class的缩写）与更改的类关联。 value也可以在不使用:value表格的情况下完成。

您需要removelines的{​​{1}}变量。

＆＃13;

＆＃13;

v-model

＆＃13;

new Vue({
  el:'#app',
  data:{
    radio: 1,
    removelines: 'no'
  }
});

＆＃13;

＆＃13;

＆＃13;