王多静

这里是我的记事本

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

<el-table>里的数据已经修改了,但是页面不更新

问题:使用<el-table>里的文本框赋值后,table里是数据不更新

解决:

 // 页面不更新的解决: 数据转化以下,仅以下两行!!!!!!
        let dataArrTemp = JSON.stringify(this.form.product_bom);
        this.form.product_bom= JSON.parse(dataArrTemp);

 

以下自用的

复制代码
html部分:
<el-table-column label="分类" min-width="120">
  <template slot-scope="scope">
    <span v-if="scope.row.name">{{scope.row.name}}</span>
    <el-input
      v-else
      v-model="scope.row.name"
      :disabled="disabled"
      class="pointer"
      @focus="handleMaterielDialogs(scope.row, scope.$index)"
      suffix-icon="el-icon-zoom-in"
    ></el-input>
  </template>
</el-table-column>

js:部分

        // 获取到index
        handleMaterielDialogs(row, index) {
              this.thatRowIndex = index;
        },

        // 值带页面上
        this.form.bom[this.thatRowIndex] = Object.assign(
          {},
          this.activeList3[0],
          { count: this.form.bom[this.thatRowIndex].count * 1 }
        );


        // 页面不更新的解决: 数据转化以下,仅以下两行!!!!!!
        let dataArrTemp = JSON.stringify(this.form.bom);
        this.form.bom= JSON.parse(dataArrTemp);                
View Code
复制代码

 

posted on   王多静  阅读(4606)  评论(1编辑  收藏  举报

编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
点击右上角即可分享
微信分享提示