iview table中的render函數使用

1.表格列數據內容過多能夠用如下兩個屬性解決:app

  

ellipsis:"true',
tooltip:true

使每一個列的內容若是過多的話變爲省略號函數

2.table中的render函數(實現根據表格內容條件是否展現按鈕)this

columns:[
  {
   title:'審批狀態',
   key:'status',
   render:(h,params)=>{
    const status = params.row.status;
    var text = ''
    switch(status){
      case 100:
        text = '待審覈',
        break;
      case 200:
        text = '審覈未經過'
        break;
      case 300:
        text = '審覈經過'
        break;
    }
    return h('div',text)
   }
  },
 {
  title:'操做',
  key:"oprator",
  render:(h,params)=>{
  let arr = []
  if(params.row.status === '100'){
    arr.push(
     h(
     "Button",
    {
      props:{
        type:"warning",
        size:"small",
        icon:"md-create"
      },
     style:{
       marginRight:"5px"
     },
     on:{
       lick:()=>{
         this.applyDetail(params.row.demandId);
       }  
      }
    },
    "申請詳情"
    )
   )
 }
  return h('div',arr)
  }
  }
]
相關文章
相關標籤/搜索