vue 表格 table ； tableData

最新推荐文章于 2024-08-09 07:00:20 发布

Ambi Garlic

最新推荐文章于 2024-08-09 07:00:20 发布

阅读量1.3k

点赞数

文章标签： Vue 表格分页事件处理数据渲染

本文链接：https://blog.csdn.net/ambi_garlic/article/details/113657857

版权

表格中要引用handleCurrentChangeCode方法

<baseTable
        :tableData="codeData"
        :columns="codeColumns"
        :pageObj="codePageObj"
        tableHeight="45vh"
        @handleCurrentChange="handleCurrentChangeCode"
      ></baseTable>

handleCurrentChangeCode方法：

 // 流程单号单行点击事件--->row是选中的这一行
    handleCurrentChangeCode(row) {
      this.dialogForm.processCode = row.processCode;
      this.$reqGet('baProdProcessDetail/findPage', { processCode: row.processCode }).then((res) => {
      // 关闭当前 弹窗
        this.codeVisible = false;
        // 把数据渲染到 父弹窗
        this.dialogData = res.data.dataList;
        this.dialogData.forEach((item) => {
        // 对dialogData的这两个值都改为空
          item.repertoryCode = '';
          item.locationNumber = '';
        });
        console.log(this.dialogData);
      });
    },