vue js - 禁用nextTick函数

时间:2017-09-21 15:02:10

标签: javascript vuejs2

在我的场景中我有不同的单选按钮组,当我检查一个不同的单选按钮时,其他按钮将被取消选中。 所以我在方法中使用了这个函数:

            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进入此处理程序时,其他复选框具有与之前相同的行为... 所以我想问,有一些方法可以防止这种行为吗?提前谢谢

1 个答案:

答案 0 :(得分: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