vue遍历的多选框的小问题，点击一个导致全选

必须指定不同的value，否则会导致全选，而且value值需要不相同，由于此处的value值为变量，所以前面需要加：，否则仍然导致value相同的全选结果<ul><li v-for="(data,index) of datalist" :key="datalist.id"><input type="checkbox" v-model="checkGroup" :val

furfur-jiang

2900人浏览 · 2020-07-14 17:00:46

furfur-jiang · 2020-07-14 17:00:46 发布

必须指定不同的value，否则会导致全选，而且value值需要不相同，由于此处的value值为变量，所以前面需要加：，否则仍然导致value相同的全选结果

<ul>
	<li v-for="(data,index) of datalist" :key="datalist.id">
	<input type="checkbox" v-model="checkGroup" :value="data.name"/>{{data}}
	</li>
</ul>

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}$/, //不连续的两位字母// /^