vue超出(规定字数)文本用省略号代替
加个fliters拦截器html代码部分:加 {{item.title| ellipsis}}<div class="main_news_list d-flex flex-column my-3 px-3"><router-linkto="`/news/${item._id}`"tag="div"...
·
加个fliters拦截器
html代码部分:加 {{item.title| ellipsis}}
<div class="main_news_list d-flex flex-column my-3 px-3">
<router-link
to="`/news/${item._id}`"
tag="div"
class="py-1"
v-for="item in items"
:key="item._id"
> {{item.title| ellipsis}}</router-link>
js代码部分
filters: {
//超过20位显示 ...
ellipsis: function(value) {
if (!value) return "";
if (value.length > 20) {
return value.slice(0, 20) + "...";
}
return value;
}
},
更多推荐
已为社区贡献2条内容
所有评论(0)