iview 中的 table组件，怎么让格子中值为0的数字显示为绿色

Question

iview 中的 table组件，怎么让格子中值为0的数字显示为绿色 ,其他的为红色

Answer 1

使用 render 函数 然后给backgroundColor 使用三元表达式就好

render: (h, params) => {
    return h('span', {
            style: {
                backgroundColor:  (params.row.status == 0) ? "#2d8cf0" :"#ed3f14"

params.row 为当前行的单个对象 ，根据这个对象中的 对应字段做判断就好