vue 根据字符串的长度控制显示的字数超出显示省略号

利用vue中的 过滤器filter

<span class="icon">{{item.hashName | ellipsis}}</span>

定义过滤器

export default {name: 'xx',filters: {ellipsis (value) {if (!value) return ''if (value.length > 8) {return value.slice(0,8) + '...'}return value}}}

效果：

传统节日里的氛围...