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

1. html

<p class="index__Feature-list-itemlist-title newline"> {{item.name| ellipsis}} </p>

2. 过滤器filter ，超出32位显示...

name: 'index', filters: { ellipsis (value) { if (!value) return '' if (value.length > 32) { return value.slice(0,32) + '...' } return value } },

　　效果：

 

 

转载于:https://www.cnblogs.com/guangzhou11/p/10956035.html

相关资源：数据结构—成绩单生成器