最近在写vue,使用的是iview-cli搭建的
现在遇到的问题是,后台返回的是状态码,怎么在表格里面条件渲染数据显示不同的内容嘞!
render本身就是一个函数,我们无非就是修改里面的内容,页面加载时函数调用,我们就在这个时候做判断就可以实现根据后台返回的状态码,根据不同的条件将数据显现在页面上
这个是实现的效果
js简单,只拿出处理的部分
{
title: '测试内容',
key: 'numbers',
render: (h, params) => {
let _this = this;
let texts = '';
if(params.row.numbers == 1){
texts = "状态一"
}else if(params.row.numbers == 2){
texts = "状态二"
}else if(params.row.numbers == 3){
texts = "状态三"
}
return h('div', {
props: {
},
},texts)
},