element-ui 表格 el-table 绑定字段实现点击下载文件

element-ui 表格 el-table 绑定字段实现点击下载文件:

绑定数据代码:

<template v-for="item in cell.tableData">
        <el-table-column
          v-if="!item.show"
          :key="item.prop"
          :prop="item.prop"
          :label="item.label"
          :width="item.width"
          :formatter="downStr"
        ></el-table-column>
      </template>

formatter 事件:

downStr(row, column) {
      if (column.property == "filePath") {
        //return row.filePath;
        return (
          <a href={row.filePath} target="_blank">
            点击下载
          </a>
        );
      }
      return row[column.property];
    }

效果:

element-ui 表格 el-table 绑定字段实现点击下载文件


欢迎分享,(木庄网络博客交流QQ群:562366239

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论