Element UI库 之 el-input 赋值后不能删除,修改,输入

最近做了一个需求就是导入数据的, 导入了之后发现打折跟促销价都发不能修改了, 甚至删除都不行。后面去查了下发现大概是数据响应的问题。大概的解决办法有下面几个,我是用最后一个解决的

方法一:强制更新

javascript 复制代码
在绑定@input里面的调用this.$forceUpdate();

方法二:深拷贝数据

javascript 复制代码
JSON.parse(JSON.stringify());

方法三:使用this.$set

javascript 复制代码
this.$set(item, 'goods_discount', item.discount)
相关推荐
hdsoft_huge9 分钟前
Java 实现高效查询海量 geometry 及 Protobuf 序列化与天地图前端分片加载
java·前端·状态模式
MoonBit月兔10 分钟前
用 MoonBit 打造的 Luna UI:日本开发者 mizchi 的 Web Components 实践
前端·数据库·mysql·ui·缓存·wasm·moonbit
程序员修心12 分钟前
CSS浮动与表格布局全解析
前端·html
登山人在路上17 分钟前
Vuex构建可维护的 Vue.js 状态管理
vue.js
登山人在路上24 分钟前
Pinia :下一代 Vue 状态管理
vue.js
POLITE335 分钟前
Leetcode 238.除了自身以外数组的乘积 JavaScript (Day 7)
前端·javascript·leetcode
光影少年40 分钟前
AI前端开发需要会哪些及未来发展?
前端·人工智能·前端框架
Vincent_Vang1 小时前
多态 、抽象类、抽象类和具体类的区别、抽象方法和具体方法的区别 以及 重载和重写的相同和不同之处
java·开发语言·前端·ide
菩提小狗1 小时前
小迪安全_第4天:基础入门-30余种加密编码进制&Web&数据库&系统&代码&参数值|小迪安全笔记|网络安全|
前端·网络·数据库·笔记·安全·web安全
闲蛋小超人笑嘻嘻1 小时前
非父子通信: provide和inject
前端·javascript·vue.js