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

OldPanda 发布于2019-08-23 14:11 / 2253人阅读

摘要：问题由来最近在做的项目中，表格排序出现问题。表格排序其他列正常，附件列不进行排序注意附件列是下拉组件，包括预览和下载，页面如下。解决方法在附件组件中添加使用监听数据，如果点击排序，附件的组件数据就重新加载。

问题由来

最近在做的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监听数据，如果点击排序，附件的组件数据就重新加载。

GPU云服务器云服务器 asp无组件上传附件表格列设置html表格列宽 html固定表格列宽

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/100238.html

React 表格组件 GridManager-React

摘要：基于的封装用于便捷的在中使用除过特性外，其它与相同。刷新更新查询条件其它更多请直接访问查看当前版本的版本的版本 GridManager React 基于 React 的 GridManager 封装, 用于便捷的在 React 中使用GridManager. 除过React特性外，其它API与GridManager API相同。 showImg(https://segmentfault...

cyixlq 2019-08-23 18:04 评论0 收藏0
fsLayuiPlugin附件上传使用说明

摘要：是一个基于的快速开发插件，支持数据表格增删改查操作，提供通用的组件，通过配置实现数据请求，减少前端重复开发的工作。如果未设定，那么限制的就是图片的文件格式否设置文件最大可允许上传的大小单位。 fsLayuiPlugin 是一个基于layui的快速开发插件，支持数据表格增删改查操作，提供通用的组件，通过配置html实现数据请求，减少前端js重复开发的工作。 GitHub下载码云下载...

Joyven 2019-08-01 18:15 评论0 收藏0
fsLayuiPlugin附件上传使用说明

摘要：是一个基于的快速开发插件，支持数据表格增删改查操作，提供通用的组件，通过配置实现数据请求，减少前端重复开发的工作。如果未设定，那么限制的就是图片的文件格式否设置文件最大可允许上传的大小单位。 fsLayuiPlugin 是一个基于layui的快速开发插件，支持数据表格增删改查操作，提供通用的组件，通过配置html实现数据请求，减少前端js重复开发的工作。 GitHub下载码云下载...

魏宪会 2019-08-21 18:18 评论0 收藏0
fsLayuiPlugin数据表格弹出form表单说明

摘要：是一个基于的快速开发插件，支持数据表格增删改查操作，提供通用的组件，通过配置实现数据请求，减少前端重复开发的工作。 fsLayuiPlugin 是一个基于layui的快速开发插件，支持数据表格增删改查操作，提供通用的组件，通过配置html实现数据请求，减少前端js重复开发的工作。 GitHub下载码云下载测试环境地址：http://fslayui.itcto.cn css和...

leanxi 2019-08-01 18:14 评论0 收藏0