1.在filters.js封装过滤器方法

import Vue from 'vue'
 
//设置只显示几个字符串，默认20个
Vue.filter('filterAmount', function(value, n) {
		if(!n) n = 20;
		if(value && value.length > n) {
			value = value.substring(0, n) + '...';
		}
		return value;
	}
)

2.在main.js引用过滤器

//引用过滤器
import './filters.js'

3.在需要控制字数的地方使用此过滤器

<el-table-column
  prop="description"
  label="藏品故事"
  align="center"
  width="150"
 >
  <template slot-scope="scope">
    <div :title="scope.row.description">
       {{ scope.row.description | filterAmount(10) }}
    </div>
  </template>
</el-table-column>
<el-table-column
  prop="introductionUser"
  label="创作者故事"
  align="center"
  width="150"
>
  <template slot-scope="scope">
    <div :title="scope.row.introductionUser">
    {{ scope.row.introductionUser | filterAmount(10) }}
    </div>
  </template>
</el-table-column>

就可以实现效果图的效果