解决vue使用element checkbox 点击一个结果全选的问题
侧边栏壁纸
  • 累计撰写 635 篇文章
  • 累计收到 0 条评论

解决vue使用element checkbox 点击一个结果全选的问题

加速器之家
2024-08-22 / 0 评论 / 3 阅读 / 正在检测是否收录...

问题描述:按照官方文档使用element的checkbox复选,点击任意一个,结果全选了

1、页面代码:

<el-form-item label="可见数据" prop="datasoure">
 <el-checkbox-group v-model="addForm.datasoure" @change="handleCheckedChange">
  <el-checkbox v-for="city in cities" :label="city" :key="city" border>{{city}}</el-checkbox>
 </el-checkbox-group>
</el-form-item>

2、js代码:

const cityOptions = ['上海', '北京', '广州', '深圳'];
return {
  cities: cityOptions,
	addForm: {
	  datasoure: '',
	},
}

3、解决方案:

把datasoure: ''改数组即可,即datasoure: []

0

评论

博主关闭了当前页面的评论