老样子,先放效果图:
Vue代码如下:
<el-table-column prop="title" label="活动标题" align="center" min-width="100"><div slot-scope="scope" ><span>{{scope.row.title | ellipsis}}</span></div></el-table-column>
<script>export default {filters: {//限制文本显示字数,超出部分用...代替ellipsis (value) {if (!value) return ''if (value.length > 25) {return value.slice(0,25) + '...'//0:下标,从第一个字开始显示,50:显示字数,多余用...代替}return value}},data() {return{}},};</script>