vue 坑 checked 和v-model共用

最新推荐文章于 2024-08-09 16:46:10 发布

转载最新推荐文章于 2024-08-09 16:46:10 发布 · 790 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xhliang/p/9856735.html

文章标签：

#javascript #ViewUI

本文探讨了在Vue中使用v-model绑定变量控制checkbox的行为。当一个checkbox元素与v-model绑定时，其value属性由绑定的变量控制，而checked属性将失效。文章通过示例代码展示了如何仅通过修改myName变量来控制哪些选项被选中。

input type=checkbox 当使用v-model绑定某个变量了，只能通过绑定的这个变量来控制改input的value，当：checked同时存在时后者将无效；

html
<input type="checkbox" value="Jack" v-model="myName" :checked="1==1?'checked':''">
<input type="checkbox" value="Kindle" v-model="myName">
js 

data :function(){
    return myName:['Kindle'],
}    

此时只有第二个input备选，：checked不起作用，只能通过改变myName来控制哪一个需要被选择

转载于:https://www.cnblogs.com/xhliang/p/9856735.html