element-plus中的table没有值的时候显示-

Element Plus 是 Vue.js 的 UI 组件库，它的表格（Table）组件提供了一种灵活的方式来展示数据。当表格中的某些列没有值时，你可以通过设置 `cell-render` 或者自定义渲染函数来控制空白单元格的显示。例如，可以定义一个默认的渲染函数，如果数据为 null、undefined 或空字符串，则返回 '-' 或者你想显示的其他占位符。

下面是一个简单的例子：

<template>
  <el-table :data="tableData" cell-render="defaultRender">
    <!-- ... -->
  </el-table>
</template>

<script>
export default {
  methods: {
    defaultRender(value) {
      if (!value) return '-';
      // 如果需要更复杂的处理，可以在这里添加条件判断
      return value;
    },
  },
  data() {
    return {
      tableData: [
        { name: 'Item 1', value: 'Value 1' },
        { name: '', value: null }, // 这行将会显示 '-'
        { name: 'Item 3', value: 'Value 3' },
      ];
    };
  }
};
</script>

在这个例子中，`defaultRender` 函数会遍历每一项数据，在没有值时返回 `-`。