iview表格通过render自定义改变字体颜色

<Table :columns="columns" :data="dataSource" border :loading="loading"></Table> 
export default {
data() {
return {
columns: [
{
   title: '姓名', key: '', align: 'center', render: (h, params) => {            
       return h('div',[
          h('span', {
             style: {
                color: '#f00'
              }
          }, params.name),
       ]); 
    }
},
],
loading: false,
}
}
}

根据状态改变颜色:

style: {color: params.name = 'a' ?'#0f0':'#f00'}

posted @ 2022-04-27 16:51  土小狗  阅读(904)  评论(0编辑  收藏  举报