记录一次element 表格中input不可编辑的原因

场景:从子组件中把列表数据显示到表格,表格中的数据input不可编辑。

javascript 复制代码
    showCouponSelect(couponSelect) {
      this.benefit.couponSelect = JSON.parse(JSON.stringify(couponSelect))
      console.log('-----showCouponSelect-------')
      console.log(this.benefit.couponSelect)
      this.selectedCount = couponSelect.length
    },

把this.benefit.couponSelect = couponSelect 改成

this.benefit.couponSelect = JSON.parse(JSON.stringify(couponSelect)).前端大佬说 element 监测不到数据的变动,需要深拷贝对象。

相关推荐
AGMTI3 分钟前
webSock动态注册消息回调函数功能实现
开发语言·前端·javascript
不吃香菜的猪35 分钟前
使用@vue-office/pdf时,pdf展示不全
javascript·vue.js·pdf
wuhen_n41 分钟前
TypeScript的对象类型:interface vs type
前端·javascript·typescript
css趣多多1 小时前
props,data函数,computed执行顺序
前端·javascript·vue.js
一个不称职的程序猿1 小时前
构建优雅的 Vue.js 表情包选择器:一个功能丰富且可定制的 Emoji Picker 组件
前端·javascript·vue.js
无风听海1 小时前
AngularJS中$q.when()的用法
javascript·ecmascript·angular.js
Amumu121381 小时前
Vue核心(二)
前端·javascript·vue.js
2501_944424122 小时前
Flutter for OpenHarmony游戏集合App实战之记忆翻牌配对消除
android·java·开发语言·javascript·windows·flutter·游戏
2501_944526422 小时前
Flutter for OpenHarmony 万能游戏库App实战 - 设置功能实现
android·javascript·flutter·游戏·harmonyos
wusp19943 小时前
v-model 和 :value 的深度解析
前端·javascript·vue.js