首先,前端使用vue2+elementui进行开发。

在实际项目中遇到这么一个问题,在table列表中有一个button,点击后展开dialog,dialog里包含了多选checkbox,而根据后台返回的数据要进行多选框的勾选

实际情况是,get数据正常,但dialog展开后,其中的checkbox全部没有被勾选

尝试解决问题:

1.el-checkbox上层为el-checkbox-group,不仅get数据后不会被勾选,还出现了选择一个则全部都被选择的问题(这个问题这里不做赘述,其他大佬有解决方法,详见其他解决方法)

2.去掉el-checkbox-group后,dialog展开后还是为被勾选,但是可以正常点击勾选了

3.dialog增加destroy-on-close

结果为首次点击后可以正常勾选get的数据,但是再次点击其他行,被勾选的选项还是上一次数据

即除了首次外,点击行按钮,展开的dialog后勾选的checkbox均为上一次展开dialog勾选的数据

4.增加this.$nextTick

结果为展开dialog后,勾选项正常

但这个方法不完美,有强制刷新页面效果,且观感明显。

总结:

问题暂时解决,但根本没有解决,坐等其他大佬方法

el-checkbox在el-dialog里 不会被勾选的问题相关推荐

  1. android usb调试无法连接电脑,安卓手机USB连接不上电脑,该怎么处理,手机里开发者选项已经勾选USB调试。...

    [XP解决方案] [问题描述]: U盘插入USB接口后无任何反应,但是设备管理器内可以看到设备 [原因分析]: Usb驱动异常. [简易步骤]: [我的电脑]-右键[管理]-[设备管理器]-[通用串行 ...

  2. html 勾选框点击文字勾选,ztree点击文字勾选checkbox,radio实现方法

    ztree的复选框checkbok,单选框radio是用背景图片来模拟的,所以点击文字即使用label括起checkbox,radio文字一起,点击文字也是无法勾选checkbox. 要想点击ztre ...

  3. el select 清空_解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题

    这是一个项目中常见的需求,el-select 为下拉多选,默认值不可删除,或者指定值不可删除. 实现效果: el-select 如下源码中 tag closable 属性为 el-select 的 d ...

  4. java 解析el表达式_Javaweb El表达式实例详解

    EL全称 Expression Language(表达式语言),是jsp2.0最重要的特性之一,可以利用EL表达式来访问应用程序中的数据,来消除jsp页面中的java脚本. el表达式的语法 expr ...

  5. 关于CheckBox勾选隐藏和显示,以及导出勾选的复选框的excel文档

    前台显示页面: 然后点击展开按钮: 勾选展开或者收起里的复选框,或者勾选序号里的复选框,点击翻译后还会记住之前的勾选,点击excel导出,可以导出你任意勾选的复选框的数据,下面是对应的前台jsp,后台 ...

  6. SAP S4HANA 账户组的配置里'Int.Std.Grping'选项没勾选导致ABAP程序报错

    SAP S4HANA 账户组的配置里'Int.Std.Grping'选项没勾选导致ABAP程序报错 BP,试图创建一个新的vendor code, 角色是ZGM001, Grouping是G001, ...

  7. 关于IE高级设置里取消“禁用脚本调试”勾选无效的解决方式

    最近在使用mvc和jquery,不可避免的要调试javascript,在设置 ie选项的时候,遇到极其无奈的问题,取消"禁用脚本调试(ie)",保存退出,下次再打开,发现依然在勾选 ...

  8. JQuery中checkbox勾选/取消勾选的诡异问题(attr和prop)

    #1.使用attr()实现勾选的问题 //HTML伪代码 <form>你爱好的运动是?<input type="checkbox" id="Checke ...

  9. 我刚做的一个TreeView的CheckBox进行选中插入数据库,从数据库中读取数据后让CheckBox勾选的代码!...

    #region 绑定角色     /// <summary>     /// 绑定权限信息     /// </summary>     protected void Bind ...

最新文章

  1. shell实例第15讲:俄罗斯方块游戏
  2. boost::python::iterator相关的测试程序
  3. 消息称苹果下代iPhone、iPad产品都将采用钛合金
  4. 广播IP转型报告:2021年广播公司面临的最大挑战
  5. wpf计算字符大小占像素_LCD作为终端显示字符串的过程
  6. (王道408考研操作系统)第四章文件管理-第二节3:减少延迟时间的方法
  7. 华为P30 Pro外观无悬念:双曲面水滴屏 屏占比超高
  8. SSM集成Mybatis和Druid
  9. VMWare station 14密钥
  10. 诺基亚N1 WIFI感叹号消除
  11. matlab 一阶微分方程求解,一阶微分方程的matlab数值解法.doc
  12. html5四季特点,成都气候:成都温度、成都天气、成都常年气温、成都四季特点,chengdu weather...
  13. 用java实现简单绘图
  14. 送给1985年左右的朋友,看完是不是有些泪水
  15. shell wait的用法及使用“和wait”并行运行
  16. Mysql出现问题:mysqld: error while loading shared libraries: libaio.so.1: cannot open shared object解决方案
  17. 去哪儿网上海景点数据爬虫分析
  18. Maven_生成项目站点报告
  19. 记一次bro+pf_ring zc的搭建历程
  20. vlayout源码解析

热门文章

  1. Gatling 录制功能使用
  2. 高级 JavaScript Day04 | 正则表达式
  3. 高级语言(C语言)、汇编语言、机器语言区别?编译器如何将高级语言编译成机器语言?
  4. 微信小程序联合视频播放器插件的使用
  5. Vue环境配置时报npm WARN deprecated bfj-node4@5.3.1: Switch to the `bfj` package for fixes and new features
  6. 获取不到input内自己输入的值
  7. 给自己的博客园装饰萌萝莉(live2d)
  8. unknown symbol in module, or unknown parameter
  9. Shogun网站上的关于主流机器学习工具包的比较
  10. 成长的第一步是走出舒适区