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

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

解决办法:

{{ 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;

}

}

最终效果:

相关推荐
菜鸟一枚在这35 分钟前
深入解析设计模式之单例模式
开发语言·javascript·单例模式
浪九天2 小时前
Vue 不同大版本与 Node.js 版本匹配的详细参数
前端·vue.js·node.js
C#Thread3 小时前
C#上位机--流程控制(IF语句)
开发语言·javascript·ecmascript
尚学教辅学习资料3 小时前
基于SpringBoot+vue+uniapp的智慧旅游小程序+LW示例参考
vue.js·spring boot·uni-app·旅游
椰果uu3 小时前
前端八股万文总结——JS+ES6
前端·javascript·es6
~废弃回忆 �༄3 小时前
CSS中伪类选择器
前端·javascript·css·css中伪类选择器
IT、木易3 小时前
跟着AI学vue第五章
前端·javascript·vue.js
薛定谔的猫-菜鸟程序员4 小时前
Vue 2全屏滚动动画实战:结合fullpage-vue与animate.css打造炫酷H5页面
前端·css·vue.js
春天姐姐4 小时前
vue3项目开发总结
前端·vue.js·git
来一碗刘肉面5 小时前
TypeScript - 属性修饰符
前端·javascript·typescript