Vuejs2 Vuejs动态引用未定义
我有来自项目列表的动态输入列表:Vuejs2 Vuejs动态引用未定义,vuejs2,ref,Vuejs2,Ref,我有来自项目列表的动态输入列表: <ul> <li v-for="item in items"> <input type="checkbox" :value="item._id" :id="item._id" :ref="item._id + '-checkbox'" @click="checkItem($event)" > {{ item.libelle }} &
<ul>
<li v-for="item in items">
<input type="checkbox"
:value="item._id"
:id="item._id"
:ref="item._id + '-checkbox'"
@click="checkItem($event)"
>
{{ item.libelle }}
</li>
</ul>
我犯了一个错误:
vue.runtime.esm.js:1689 TypeError:无法设置的属性“checked”
未定义
看到关于在vuejs中使用动态引用的其他相关主题,我不明白为什么它在我的示例中不起作用
在另一个固定参考中,它工作正常:
this.$refs.mychecbox.checked = false
未定义
不应被引用。如果我删除引号,则会使我的应用程序崩溃。如何在没有报价的情况下进行测试?为什么坚持使用refs
?没有它也可以处理。此外,`……!='未定义的“`不同于…!==未定义
@Chris如果itemsChecked
是一个项目数组,则var currentRefId
包含一个非\u id
的项目。因此,您应该执行this.$refs[currentRefId._id+'-复选框']
来查找ref。
this.$refs.mychecbox.checked = false