今天用elementui的el-checkbox-group遇到一个问题,点击其中一个,所有的checkbox都选中了

我原来是这么写的,可是不行

<el-form-item label="机构"><el-checkbox-group v-model="ruleForm.organizationIds"@change="handleCheckAllChange"><el-checkbox v-for="itm in organList":label="itm.id":key="itm.id">{{itm.name}}</el-checkbox></el-checkbox-group></el-form-item>

后来把v-model改了,就可以了,不用ruleForm.oranizationIds,用在外面定义的的数组type可以了

<el-form-item label="机构"><el-checkbox-group v-model="type"@change="handleCheckAllChange"><el-checkbox v-for="itm in organList":label="itm.id":key="itm.id">{{itm.name}}</el-checkbox></el-checkbox-group></el-form-item>
export default {data () {return {type: [],organList: [],ruleForm: {organizationIds: [],code: "",name: "",}}},mounted () {this.getOrganizationss()},methods: {//获取机构列表getOrganizationss () {fetchGet('organization/list').then(res => {this.organList = res.data})},//选中受理机构handleCheckAllChange (value) {console.log(value)},}
}

el-checkbox点击一个其他的全部都选中了相关推荐

  1. el-checkbox为甚点击一个其他的全部都选中了,或者为什么选中的绑定的获取的不是label而是true或者false呢?获取label但是不显示

    <el-checkbox-group v-model="type"> <el-checkbox label="美食/餐厅线上活动" name= ...

  2. vue通过for循环生成的checkbox点击一个选中全部的问题

    重点在input的绑定属性value上,如果写成 <tr v-for="(item,index) in list"><td><input type=& ...

  3. Android CheckBox 点击的时候没有效果

    写了一个CheckBox 点击的时候没有效果 感觉莫名其妙的,最后在xml 中设置了 android:clickable="true" 点击有效果了, 见鬼了.

  4. vbox虚拟机无法使用计算机名称,win10/windows10启动virtualbox虚拟机提示“不能为虚拟电脑XX点击一个...

    virtualbox虚拟机拥有丰富的功能,而且性能优异,简单易用.但近期有windows10/windows10系统启动VirtualBox 5.0版本出错提示"不能为虚拟电脑XX点击一个新 ...

  5. [html] 如何扩大CheckBox点击区域

    [html] 如何扩大CheckBox点击区域 用 label 包裹,扩大 label 尺寸 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 主目录 ...

  6. element ui 中 el-checkbox-group 点击一个全部选中的问题

    element ui 中 el-checkbox-group 点击一个全部选中的问题 原因是:checkbox-group中的v-modle要单独一个数组对象,不能作为表单对象,ruleForm中的一 ...

  7. 有多个按钮,点击一个变色,点击另一个变色,原来的恢复颜色的方法

    之前用到网上说的fouce也可行,但是失去焦点后,点击别处按钮也会恢复颜色,所以这样也行不通.后来找了好久,这个方法终于行的通. html代码: 我是在table中加的按钮submit. <ta ...

  8. 软件测试面试题:在一个页面上,点击一个链接之后不会在当前页面上打开此链接而是新开一个窗口打开此页面。

    在一个页面上,点击一个链接之后不会在当前页面上打开此链接而是新开一个窗口打开此页面. Selenium也提供了对应的API来处理.简述这个查找新窗口的过程.参考答案:1)首先需要了解下,每个窗口都是有 ...

  9. jq实现点击一个按钮,触发另一个点击事件(点击按钮触发另一个按钮的点击事件)

    jq实现点击一个按钮,触发另一个点击事件 $("#a").click(function(){$("#b").trigger('click');}) 实现点击完i ...

最新文章

  1. Dubbo 18 问
  2. 一个 SpringBoot 项目该包含哪些?
  3. CV语义分割实践指南!
  4. 一文通俗了解对抗生成网络(GAN)核心思想
  5. 路线错误的教训对如今的模范企业也有借鉴意义
  6. Sizzle.selectors.match/leftMatch
  7. MQTT(2)---MQTT协议
  8. 【C++】智能指针(auto_ptr,shared_ptr,unique_ptr)及 shared_ptr 强引用原理
  9. DB2开发系列之一——基本语法
  10. System.out.printf()的使用方法
  11. Mac 终端以及常用终端命令
  12. 继承学习第一天 共有派生
  13. IM开发通信协议基础知识(一)---TCP、UDP、HTTP、SOCKET
  14. 降低软件购置成本 实现系统集中部署 ——沟通CTBS平台上海工化院应用案例
  15. 算法设计与分析:最短路径问题(哈密顿回路+最短路)小学期实践
  16. oracle 删除 快照,创建和销毁 ZFS 快照
  17. mysql关系型数据库生成树形结构,Layui页面渲染树型结构图(详细)
  18. Cesium加载GLB和GLTF模型文件踩坑实录
  19. 如何在线压缩PDF文件大小?
  20. php开发手册要看完吗,9个开发人员应该知道的PHP库

热门文章

  1. 使用HttpClient的时候报错java.io.IOException: Attempted read from closed stream
  2. echarts 的初始化
  3. Mac一些基本常用快捷键的使用
  4. java计算机毕业设计腾讯网游辅助小助手源代码+数据库+系统+lw文档
  5. 蓝牙耳机BES2300P通过盒子获取/修改耳机状态信息
  6. 大数据查询工具HBase读写设计与实践
  7. (附源码)php柘城县农产品销售网站 毕业设计 020832
  8. gitlab流水线自动部署流程
  9. mysql 1045 远程_启用远程mysql连接:错误1045(28000):拒绝用户访问
  10. 食物也疯狂!KOOCAN盘点因为食物毁掉的中国电视剧