【Vue】element 表格数据替换

• Z时代
• 2024-01-10
• 分类：技术分享

比如我想把表格所有的 空数据 用 "--" 代替

怎么操作比较好呢

回答

     //方案1：官网有提供empty-text  没用过你试试把 
    <el-table empty-text>      
    <el-table-column label="选项/数值/单位">
      <template slot="empty">
        --
      </template>
    </el-table-column>
     //方案2：
    <el-table-column label="选项/数值/单位">
      <template slot-scope="scope">
        <span v-if=" scope.row.value== '' ">--</span>
        <span v-else>元</span>
      </template>
    </el-table-column>

通用一点就注册1个全局过滤器。

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

然后直接用就行了。

{{ msg | handleEmpty }}

以上是 【Vue】element 表格数据替换 的全部内容， 来源链接： utcz.com/a/80298.html