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 绑定字段实现点击下载文件

相关阅读 >>

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

element-ui如何操作table滚动效果

element-ui 树型控件自定义图标和实现单选节点功能

更多相关阅读请进入《element-ui》频道 >>




打赏

取消

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

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

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

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

评论

管理员已关闭评论功能...