el-checkbox在el-dialog里 不会被勾选的问题
首先,前端使用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里 不会被勾选的问题相关推荐
- android usb调试无法连接电脑,安卓手机USB连接不上电脑,该怎么处理,手机里开发者选项已经勾选USB调试。...
[XP解决方案] [问题描述]: U盘插入USB接口后无任何反应,但是设备管理器内可以看到设备 [原因分析]: Usb驱动异常. [简易步骤]: [我的电脑]-右键[管理]-[设备管理器]-[通用串行 ...
- html 勾选框点击文字勾选,ztree点击文字勾选checkbox,radio实现方法
ztree的复选框checkbok,单选框radio是用背景图片来模拟的,所以点击文字即使用label括起checkbox,radio文字一起,点击文字也是无法勾选checkbox. 要想点击ztre ...
- el select 清空_解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
这是一个项目中常见的需求,el-select 为下拉多选,默认值不可删除,或者指定值不可删除. 实现效果: el-select 如下源码中 tag closable 属性为 el-select 的 d ...
- java 解析el表达式_Javaweb El表达式实例详解
EL全称 Expression Language(表达式语言),是jsp2.0最重要的特性之一,可以利用EL表达式来访问应用程序中的数据,来消除jsp页面中的java脚本. el表达式的语法 expr ...
- 关于CheckBox勾选隐藏和显示,以及导出勾选的复选框的excel文档
前台显示页面: 然后点击展开按钮: 勾选展开或者收起里的复选框,或者勾选序号里的复选框,点击翻译后还会记住之前的勾选,点击excel导出,可以导出你任意勾选的复选框的数据,下面是对应的前台jsp,后台 ...
- SAP S4HANA 账户组的配置里'Int.Std.Grping'选项没勾选导致ABAP程序报错
SAP S4HANA 账户组的配置里'Int.Std.Grping'选项没勾选导致ABAP程序报错 BP,试图创建一个新的vendor code, 角色是ZGM001, Grouping是G001, ...
- 关于IE高级设置里取消“禁用脚本调试”勾选无效的解决方式
最近在使用mvc和jquery,不可避免的要调试javascript,在设置 ie选项的时候,遇到极其无奈的问题,取消"禁用脚本调试(ie)",保存退出,下次再打开,发现依然在勾选 ...
- JQuery中checkbox勾选/取消勾选的诡异问题(attr和prop)
#1.使用attr()实现勾选的问题 //HTML伪代码 <form>你爱好的运动是?<input type="checkbox" id="Checke ...
- 我刚做的一个TreeView的CheckBox进行选中插入数据库,从数据库中读取数据后让CheckBox勾选的代码!...
#region 绑定角色 /// <summary> /// 绑定权限信息 /// </summary> protected void Bind ...
最新文章
- shell实例第15讲:俄罗斯方块游戏
- boost::python::iterator相关的测试程序
- 消息称苹果下代iPhone、iPad产品都将采用钛合金
- 广播IP转型报告:2021年广播公司面临的最大挑战
- wpf计算字符大小占像素_LCD作为终端显示字符串的过程
- (王道408考研操作系统)第四章文件管理-第二节3:减少延迟时间的方法
- 华为P30 Pro外观无悬念:双曲面水滴屏 屏占比超高
- SSM集成Mybatis和Druid
- VMWare station 14密钥
- 诺基亚N1 WIFI感叹号消除
- matlab 一阶微分方程求解,一阶微分方程的matlab数值解法.doc
- html5四季特点,成都气候:成都温度、成都天气、成都常年气温、成都四季特点,chengdu weather...
- 用java实现简单绘图
- 送给1985年左右的朋友,看完是不是有些泪水
- shell wait的用法及使用“和wait”并行运行
- Mysql出现问题:mysqld: error while loading shared libraries: libaio.so.1: cannot open shared object解决方案
- 去哪儿网上海景点数据爬虫分析
- Maven_生成项目站点报告
- 记一次bro+pf_ring zc的搭建历程
- vlayout源码解析
热门文章
- Gatling 录制功能使用
- 高级 JavaScript Day04 | 正则表达式
- 高级语言(C语言)、汇编语言、机器语言区别?编译器如何将高级语言编译成机器语言?
- 微信小程序联合视频播放器插件的使用
- Vue环境配置时报npm WARN deprecated bfj-node4@5.3.1: Switch to the `bfj` package for fixes and new features
- 获取不到input内自己输入的值
- 给自己的博客园装饰萌萝莉(live2d)
- unknown symbol in module, or unknown parameter
- Shogun网站上的关于主流机器学习工具包的比较
- 成长的第一步是走出舒适区