vue-easytable表格列排序，附件列无反应——附件列引用的外部组件

最新推荐文章于 2024-09-29 18:16:05 发布

weixin_34212189

最新推荐文章于 2024-09-29 18:16:05 发布

阅读量488

点赞数

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000017456862

版权

问题由来

最近在做的vue项目中，表格排序出现问题。
1、表格排序其他列正常，附件列不进行排序（注意附件列是下拉组件，包括预览和下载），页面如下。

解决方法

在附件组件中添加watch

watch:{
      rowData(curRowData,oldRowData){
          if(this.field=="smfilename"){
            this.filename=this.rowData.smfilename;
            this.filepath=`/api/kettle/file${this.rowData.smfilepath}?JTOKENID=${sessionStorage.token}`;

          }else if(this.field=="filename"){
            this.filename=this.rowData.filename;
            this.filepath=`/api/kettle/file${this.rowData.filepath}?JTOKENID=${sessionStorage.token}`;
          }
　　　}
　　},

使用watch监听数据，如果点击排序，附件的组件数据就重新加载。