2017-09-21 95 views
0

在我的場景中,我有不同的單選按鈕組,當我檢查一個不同的單選按鈕時,其他按鈕將被取消選中。 所以我用這個功能的方法中:vue js - 禁用nextTick功能

  function clearRadioGroup(GroupName){ 
      var ele = document.getElementsByName(GroupName); 
      for(var i=0;i<ele.length;i++){ 
       ele[i].checked = false; 
      } 
      return;                   
     } 

顯然它的工作,但是旁邊的這個功能VUE調用這一個:

var nextTick = (function() { 
var callbacks = []; 
var pending = false; 
var timerFunc; 

function nextTickHandler() { 
pending = false; 
var copies = callbacks.slice(0); 
callbacks.length = 0; 
for (var i = 0; i < copies.length; i++) { 
    copies[i](); 
} 
} 

時VUE去這個處理器內的其他複選框具有相同行爲比以前... 所以我想問,有一些方法來防止這種行爲?在此先感謝

回答

0

您可以輕鬆地與普通的HTML模板實現它:

<input type="radio" id="one" value="One" v-model="picked"> 
<label for="one">One</label> 
<br> 
<input type="radio" id="two" value="Two" v-model="picked"> 
<label for="two">Two</label> 

記住,他們應該有相同的v-model