怎么处理table 与 form绑定的问题(现象：点击取消后修改的值还是在table显示)

问题：

表单中的用户名和模态框中的用户名没有绑定同一个model，但之后在模态框捏输入发现表单内的用户名也发生了改变。原本计划是想点保存之后再改变的。

解决方法

找到判断模态框是否显示的变量。之后用watch监听该属性。然后就不会发生上述问题。

表单：

<el-table :key='tableKey' :data="list" v-loading.body="listLoading" border fit highlight-current-row>

<el-table-column prop="UserName" align="center" label="用户名"> </el-table-column>

模态框：

<el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" v-if="dialogStatus=='update'">

<el-form >

<el-form-item label="用户名：" :label-width="formLabelWidth">

<el-input v-model="form.UserName" auto-complete="off"></el-input>

</el-form-item>

添加watch：

watch: {

dialogFormVisible: function(val, oldVal) {

setTimeout(() => {

this.getList();

}, 100);

怎么处理table 与 form绑定的问题(现象：点击取消后修改的值还是在table显示)相关推荐

paip.提升效率---提升绑定层次--form绑定取代field绑定
paip.提升效率---提升绑定层次--form绑定取代field绑定 =================== 编辑form中,常常需要,绑定一个对象到个form.. 传统上要绑定field开始. ...
快速构建Table和Form页面
项目地址 https://github.com/iszsw/surface 基本功能 surface根据PHP代码配置创建Table.Form页面如果使用ThinkPHP的同学使用内置助手类,对tp ...
antd Table，Form
3.x Table嵌套子表格错乱原因每一行需要唯一的rowKey 翻页的时候,传了排序参数第一页正常请求: 翻页,却传了排序参数原因后端排序的话,字段sortOrder不需要: 模糊查询保留 ...
html怎样设置form的位置,html中 table 和 form的位置
对于web前端开发来说经常会用到像firebug这样审查元素工具发现了一个这样的现象: 当 able> .... 在firebug下会看到这种情况下动态增加的控件,提交表单获取不到内 ...
html中form位置局中,html中 table 和 form的位置
对于web前端开发来说经常会用到像firebug这样审查元素工具发现了一个这样的现象: 当 able> .... 在firebug下会看到这种情况下动态增加的控件,提交表单获取不到内 ...
BootStrap Table - JS事件绑定
表格加载完成事件,表格行数据二层展开及缩起事件 var $tableFahuo = $('#tabFahuo');$tableFahuo.on('load-success.bs.table', fu ...
layui table th添加按钮，监听点击事件。
第一步,创建带按钮的表头title. var GSUpdateIniBar = "<label class=\"layui-form-label margin\"& ...
kayui进行添加_关于layui 实现点击按钮添加一行(方法渲染创建的table)
目标:layui 实现点击按钮添加一行解决方案: 方案1.table 是用转换静态表格的方式创建的,写一个button,每次点击按钮,就添加一个标签: 方案2.table 是用方法渲染的方式创建的 ...
fastadmin绑定edit.html,FAST-ADMIN 根据生成命令行修改页面
FASTADMIN -- 后台页面修改 |-近日在用fastadmin做后台管理时,遇到了不少问题,现将一些常见基础的修改发出来给大家参考一如何不在已创建好了的后台页面修改我们经常会修改需求,所 ...

怎么处理table 与 form绑定的问题(现象：点击取消后修改的值还是在table显示)

怎么处理table 与 form绑定的问题(现象：点击取消后修改的值还是在table显示)相关推荐

最新文章

热门文章

怎么处理table 与 form绑定的问题(现象：点击取消后 修改的值还是在table显示)

怎么处理table 与 form绑定的问题(现象：点击取消后 修改的值还是在table显示)相关推荐

最新文章

热门文章

怎么处理table 与 form绑定的问题(现象：点击取消后修改的值还是在table显示)

怎么处理table 与 form绑定的问题(现象：点击取消后修改的值还是在table显示)相关推荐