如何在vuejs中检查电台值？

Question

我有这个代码到目前为止，我尝试从单选按钮的值。我可以从V模型的价值，但与无线电我有一些问题。例如，如果我有更多的单选按钮，我可以采取检查一个。

new Vue({ 
el:'#root', 
data:{ 
    removelines: [ 
    {value:'a'}, 
    {value:'b'} 
    ] 

}, 

methods:{ 
insert:function(){ 
    let vueIn = this; 

    axios.post('/vue', {removelines: vueIn.removelines.value}).then(
     function(response){ 
     vueIn.removelines = response.data.removelines.value; 
     } 
    ).catch(function(error){ console.log(error.message); }); 
    } 
} 

}); 

HTML代码在这里：

<div class="card-block"> 
    <div class="btn-group" data-toggle="buttons"> 
     <label class="btn btn-warning active"> 
      <input v-model="removelines" name="removelines" type="radio" class ="cheker" autocomplete="off" v-bind:value="a" checked> 
      Yes 
     </label> 
     <label class="btn btn-warning"> 
      <input v-model="removelines" name="removelines" type="radio" class ="cheker" v-bind:value="b"> 
      No 
     </label> 
    </div> 
</div> 

Answer 1

检查这方面的工作样本，请。

new Vue({ 
 
    el: '#root', 
 
    data: { 
 
    removelines: 'b' 
 
    } 
 
});

<script src="https://unpkg.com/vue@2.4.2/dist/vue.js"></script> 
 
<div id="root"> 
 
<div class="card-block"> 
 
    {{ removelines }} 
 
    <div class="btn-group" data-toggle="buttons"> 
 
     <label class="btn btn-warning active"> 
 
      <input v-model="removelines" name="removelines" type="radio" class ="cheker" autocomplete="off" v-bind:value="'a'" checked> 
 
      Yes 
 
     </label> 
 
     <label class="btn btn-warning"> 
 
      <input v-model="removelines" name="removelines" type="radio" class ="cheker" v-bind:value="'b'"> 
 
      No 
 
     </label> 
 
    </div> 
 
</div> 
 
</div>