vue实现超出字数中间用省略号显示
显示效果:传统节日里的氛围......传统节日里的氛围原理:利用vue中的过滤器filterhtml代码:<span>{{hashName | ellipsis}}</span>js代码:filters: {ellipsis (value) {let len=value.length;if (!value) return ''...
·
显示效果:传统节日里的氛围......传统节日里的氛围
原理:利用vue中的过滤器filter
html代码:
<span>{{hashName | ellipsis}}</span>
js代码:
filters: {
ellipsis (value) {
let len=value.length;
if (!value) return ''
if (value.length > 20) {
return value.substring(0,8) + '......' +value.substring(len-8,len)
}
return value
}
},
更多推荐
已为社区贡献3条内容
所有评论(0)