vue内容省略表示(超过15位显示...)

2020年11月10日 100点热度 0人点赞 0条评论

这个字段内容省略是需要vue的过滤器,这个也比较简单,如果没接触过的,可以看一下vue过滤器

需要设置省略的字段加上方法(通过|做出来)

<p class="title" >{{渲染的字段 | ellipsis}}</p>

vue.js过滤方法

filters: {
    // 版本号显示12位,超过12位显示...
    ellipsis: function(value) {
        if (!value) return "";
        if (value.length > 25) {
            return value.slice(0, 25) + "...";
        }
        return value;
    }
},

东泰

95后Java全栈小白。。。

文章评论