Element-Ui 复选框动态改变绑定值，复选框未勾选问题

最近在写项目时遇到复选框数据更改但是界面未被选中的问题，通过打印结果可以看到v-model数据已经更改但是界面并未更改状态，通过查询得知，虽然数据变了，但并没有触发model的set方法，所以当首次将selfModel设置为true后，后面get方法得到的值一直是true。产生这个问题的原因是，Vue 为了尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。

这里推荐一个内置方法 this.$forceUpdate()

使用的话就直接用就行

 //html<el-checkbox @change="initIpt" class="ml30" v-model="buildObj.constructionFeature.concrete":disabled="enginnerObj.inTypeBool? true:!buildObj.constructionFeature.main_structure_engineering">混凝土</el-checkbox>>//输入框需要重新渲染的话也可以用<el-input@input="initIpt()"v-model="buildObj.constructionFeature.design_cooling_load"  :placeholder="enginnerObj.inTypeBool?'':'单位（冷吨）'"        size="mini"></el-input>//jsinitIpt(){this.$forceUpdate()},

Element-Ui 复选框动态改变绑定值，复选框未勾选问题相关推荐

Vue3 - Element plus 实现 “带分页“ 表格组件，实现跨页进行 “分页勾选“ 的多选功能（解决分页表格组件＜el-table＞跨页后已前勾选的行自动消失问题）详细示例解决教程
前言在 Vue3 项目中,使用 Element Plus 组件库的表格组件时,出现了跨页勾选复选框消失的问题. 本文实现了 vue3 中 element plus 表格组件 <el-table ...
批量删除，未勾选数据，点击【批量删除】弹出确认删除提示框
批量删除,未勾选数据,点击[批量删除]弹出确认删除提示框给table组件,添加ref="selections" 在分页方法中,添加方法.设置为空
Qt，优化QTreeWidget的三态：勾选，未勾选，半勾选
这是以前做过的例子,之前是参考的网上的例子,觉得遍历次数太多,效率不行.自己尝试优化修改了一番.小试牛刀,欢迎拍砖.效果如下图: 示例数据做得比较粗糙.来看看是怎么实现的吧. 功能勾选树控件的节点, ...
Qt 优化QTreeWidget的三态：勾选，未勾选，半勾选
这是以前做过的例子,之前是参考的网上的例子,觉得遍历次数太多,效率不行.自己尝试优化修改了一番.小试牛刀,欢迎拍砖.效果如下图: 示例数据做得比较粗糙.来看看是怎么实现的吧. 功能勾选树控件的节点, ...
2019数据安装勾选_停机前未勾选完的发票，升完级后这样操作！后附常见问题解答...
增值税发票综合服务平台(企业版)已经上线了,那么如何操作呢,让我们一起来看看吧! 特别提醒:新平台上线后,不管是10月份确认勾选过的发票还是通过扫描认证的,11月份初还是需要登录平台签名确认. 1. ...
SAP科目的行项目显示未勾选补救步骤
SAP科目的行项目显示未勾选补救步骤显示行项目:确认是否在BSIS.BSAS中显示这些科目的行项目.通常对于统驭科目在各明细账户中显示各自的行项目清单,因而不在总账科目中显示行项目.科目属性中不选择 ...
发票专用驱动sjz_停机前未勾选完的发票，升完级后这样操作
很多人担心,升级完成后10月基本就过了,手里的发票没法勾选到10月所属期,这里给大家特别强调一下,这点不用担心.在11月征期内,增值税申报之前,您都可以在"增值税发票综合服务平台(山西)&q ...
SAP中由于“己结算申请”未勾选原因导致无法查询到采购申请
如题,在应用中通过事务ME5A查询申请,输入采购申请号后,提示"没有发现合适的采购申请": 后复确认申请号正确,通过ME53N直接查看采购申请也没问题.于是怀疑肯定是类似采购申请相 ...
2019数据安装勾选_发票系统2.0平台安装及发票勾选操作步骤
一.增值税发票综合服务平台安装 1.平台网址https://fpdk.liaoning.chinatax.gov.cn/ 支持火狐.谷歌.IE8以上版本浏览器.本文以火狐浏览器为例.登陆网址后,出现以 ...
87.el-table翻页后保存前一页所选并再次返回前一页时把数据勾选上
1.首先给<el-table>添加ref.row-key.选择单条事件.全选事件 <el-table ...... ref="newTable" row-key= ...

Element-Ui 复选框动态改变绑定值，复选框未勾选问题

Element-Ui 复选框动态改变绑定值，复选框未勾选问题相关推荐

最新文章

热门文章