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

在iView Table组件中，如果你想保留文本的原始空格并精确控制其显示，通常需要结合Vue的模板语法和自定义的处理函数来实现。你可以创建一个计算属性或者在渲染列的`render`选项中对数据进行格式化。

例如，在`render`函数里，你可以像这样处理：

<template>
  <Table :columns="columns" :data="data">
    <!-- ... -->
    <template slot="cell" slot-scope="scope">
      <span v-bind:title.trim>{{ scope.row.yourColumn }}</span>  <!-- 使用trim去除首尾空白 -->
    </template>
  </Table>
</template>

<script>
export default {
  computed: {
    formattedData() {
      return this.data.map(row => ({
        // 对每一项的yourColumn字段处理，保留空格
        yourColumn: row.yourColumn.replace(/\s+/g, ' ')  // 或者使用其他正则表达式替换多个连续空格
      }));
    }
  },
  data() {
    return {
      columns: [
        { prop: 'yourColumn', render: this.renderedCell },
      ],
    };
  },
  methods: {
    renderedCell(h, { column, $index, row }) {
      return h('span', [row.yourColumn]);  // 这里直接返回原始值
    }
  },
};
</script>

在这个例子中，我们首先在`computed`中创建了一个新的数组，其中的文本已经去除了多余的空格。然后在`render`函数中，我们将原始值传递给`h('span')`标签。