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];
}
效果: