vxe-column文字超出省略提示

VxeTable是一款基于Vue.js的表格组件库，它提供了一种灵活的方式来设置表格列的内容显示。如果你想要在`vxe-column`中处理文字超出的情况，并添加省略提示，可以利用它的`cell`属性中的`showOverflow`选项以及自定义的`formatter`函数。

例如：

<template>
  <vxe-table :data="tableData">
    <vxe-column field="content" title="内容" showOverflow="true">
      <template slot="cell" slot-scope="scope">
        {{ scope.row.content | limitTo(20, '...') }}
      </template>
    </vxe-column>
  </vxe-table>
</template>

<script>
import { mapGetters } from 'vuex';
export default {
  computed: {
    ...mapGetters(['tableData'])
  },
  methods: {
    // 如果你想使用更复杂的省略策略，可以在formatter里实现
    limitTo(text, length, placeholder) {
      return text.length > length ? `${text.slice(0, length)}${placeholder}` : text;
    }
  }
};
</script>

在这个例子中，如果`content`字段的文字长度超过20个字符，会显示前20个字符加上省略符“...”。你可以根据需要调整`limitTo`方法中的参数。