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

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

方法一:强制更新

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

方法二:深拷贝数据

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

方法三:使用this.$set

javascript 复制代码
this.$set(item, 'goods_discount', item.discount)
相关推荐
Jonathan Star3 分钟前
Webpack 打包优化与骨架屏结合:双管齐下提升前端性能与用户体验
前端·webpack·ux
做好一个小前端18 分钟前
后端接口获取到csv格式内容并导出,拒绝乱码
前端·javascript·html
第七种黄昏21 分钟前
前端面试-箭头函数
前端·面试·职场和发展
Youyzq23 分钟前
前端box-shadow出现兼容性问题如何处理
前端
携欢31 分钟前
PortSwigger靶场之将 XSS 存储到onclick带有尖括号和双引号 HTML 编码以及单引号和反斜杠转义的事件中通关秘籍
前端·html·xss
三小河38 分钟前
工作中的Ai工具汇总
前端
mapbar_front1 小时前
react项目开发—关于代码架构/规范探讨
前端·react.js
二木一夕1 小时前
Vue 3 的组合式 API和传统选项式 API区别(vue2转vue3,两者差异)
前端
LuckySusu1 小时前
【vue篇】Vue 项目中的静态资源管理:assets vs static 终极指南
前端·vue.js
LuckySusu1 小时前
【vue篇】Vue.delete vs delete:数组删除的“陷阱”与正确姿势
前端·vue.js