在vue中动态绑定checked属性（本例主要讲解单选开关按钮）

vue控件中关键代码 :checked="keyitem.value"当keyitem.value为true时，默认选中当key==item.value为false时，默认未选中上本例代码如下：<div class="right"><input type="checkbox" :checked="0==1" class="switch">&...

赵小白的编程日记

8118人浏览 · 2019-08-05 10:56:43

赵小白的编程日记 · 2019-08-05 10:56:43 发布

vue控件中关键代码 :checked="keyitem.value"
当keyitem.value为true时，默认选中
当key==item.value为false时，默认未选中

上本例代码如下：

<div class="right">
						<input type="checkbox" :checked="0==1" class="switch">
					</div>

:checked=false时不选中
:checked=true时选中
完事儿！！！！！！！
查了很久资料，就这么解决。。。。。。特此记录，备查

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^