el-table-column两种方法处理特殊字段,插槽和函数

el-table-column两种方法处理特殊字段,插槽和函数

码农世界 2024-05-31 前端 83 次浏览 0个评论

问题:后端返回的字段为数字

解决办法:

{{ row[item.prop] == 1 ? "启用" : "禁用" }} {{ row[item.prop] }}

最终果:

另外:如果多种状态时可用函数

{{ getStatus(row[item.prop]) }}

{{ row[item.prop] }}

function getStatus(status) {

console.log(“status”, status);

switch (status) {

case 0:

return “撤销”;

break;

case 1:

return “暂存”;

break;

case 2:

return “发布”;

break;

}

}

最终效果:

转载请注明来自码农世界,本文标题:《el-table-column两种方法处理特殊字段,插槽和函数》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,83人围观)参与讨论

还没有评论,来说两句吧...

Top