鍍金池/ 問(wèn)答/HTML/ element 表格數(shù)據(jù)替換

element 表格數(shù)據(jù)替換

比如我想把表格所有的 空數(shù)據(jù) 用 "--" 代替

怎么操作比較好呢

圖片描述

回答
編輯回答
鐧簞噯

通用一點(diǎn)就注冊(cè)1個(gè)全局過(guò)濾器。

Vue.filter('handleEmpty', function (value) {
  return value === '' ? '--' : value
})

然后直接用就行了。

{{ msg | handleEmpty }}
2017年9月26日 06:47
編輯回答
獨(dú)白
     //方案1：官網(wǎng)有提供empty-text  沒(méi)用過(guò)你試試把 
    <el-table empty-text>      
    <el-table-column label="選項(xiàng)/數(shù)值/單位">
      <template slot="empty">
        --
      </template>
    </el-table-column>
    
     //方案2：
    <el-table-column label="選項(xiàng)/數(shù)值/單位">
      <template slot-scope="scope">
        <span v-if=" scope.row.value== '' ">--</span>
        <span v-else>元</span>
      </template>
    </el-table-column>
2017年4月2日 16:34