iview table如何很明显的渲染出文本前后空格个数？

在iview Table组件中，如果需要明确地控制表格中的文本显示包括前后的空格，你可以通过自定义列的formatter属性来实现。formatter是一个函数，它接收当前行的数据以及当前列的配置，允许你在渲染单元格内容时进行定制。

例如，假设你想展示某个字段原样，保留所有空格，你可以这样做：

<Table :columns="tableColumns" :data="tableData">
  <template slot="customColumn">
    <span v-bind:text="item.originalField"></span>
  </template>
</Table>

// 其他部分
export default {
  methods: {
    // 假设originalField是你想要保留空格的字段名
    getFormattedText(item) {
      return item.originalField;
    }
  },
  computed: {
    tableColumns() {
      return [
        { field: 'customColumn', title: '原始字段', formatter: this.getFormattedText }
      ];
    },
    tableData() {
      // 这里假设tableData是一个数组，其中包含了originalField字段
    }
  }
}

在这个例子中，`getFormattedText` 方法会返回原封不动地包含空格的文本。如果你只想显示实际字符数，可以使用 `trim()` 或 `replace(/\s/g, '')` 等方法去掉多余的空格。