如何在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>