程序员的知识教程库

网站首页 > 教程分享 正文

el-input中的数据无法修改(el-input change)

henian88 2024-08-17 15:59:23 教程分享 149 ℃ 0 评论

昨天遇见这个问题的,查看了一下原因然后解决了,记录一下;

父组件需要通过编辑,获取本行数据传给子组件编辑弹框,然后反显数据进行编辑;



类型中的值是直接反显的,名称中的值是通过判断类型的值显示什么类型的名称;

名称的属性名是name,通过判断类型以后重新赋值的。点编辑的时候对象里是没有name这个名称的。所以这个值是没有被监听到,所以修改的时候无法name值不更新;

处理方法:

创建新的对象,将name属性添加到里边,赋值为空;然后将获取到的数据深拷贝,然后使用三个点“...”展开运算符将对象中的属性值放到新对象,然后将新对象传给子组件;问题就解决了;

this.newEditForm = { name: '', ...JSON.parse(JSON.stringify(scope)) };


做笔记存留,需要的可以收藏保存,如果有更好的方法欢迎指点一二;

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表