我是靠谱客的博主 想人陪发带,这篇文章主要介绍vue实现超出字数中间用省略号显示,现在分享给大家,希望可以做个参考。

显示效果:传统节日里的氛围......传统节日里的氛围

原理:利用vue中的过滤器filter

html代码:

复制代码
1
<span>{{hashName | ellipsis}}</span>

js代码:

复制代码
1
2
3
4
5
6
7
8
9
10
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 } },

 

最后

以上就是想人陪发带最近收集整理的关于vue实现超出字数中间用省略号显示的全部内容,更多相关vue实现超出字数中间用省略号显示内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(76)

评论列表共有 0 条评论

立即
投稿
返回
顶部