在网上找到的都是用js判断的(/zoumiaomiao/p/4952625.html
/ChanWunsam/p/10801218.html
/z_victoria123/article/details/88948740),但是没用
methods: {$(document).ready(function(){this.wordlimit(".technologyHallContent",55)}),async wordlimit(cname,wordlength){ //参数分别为:类名,要显示的字符串长度var cname=document.getElementsByClassName(cname); //需要加省略符号的元素对象for(var i=0;i<cname.length;i++){var nowhtml=cname[i].innerHTML;//元素的内容var nowlength=cname[i].innerHTML.length;//元素文本的长度if(nowlength>wordlength){cname[i].innerHTML=nowhtml.substr(0,wordlength)+'...';//截取元素的文本的长度并加上省略号}}},
报错:
将$那块换成这样写,不报错了,但是也不起作用。
mounted(){this.wordlimit(".technologyHallContent",55)},
解决:暂时这样判断的:
<p class="clamp-limit catalog-des technologyHallContent" v-if="item.des.length>49">描述:{{item.des.substring(0,49)+'...'}}</p><p class="clamp-limit catalog-des technologyHallContent" v-else>描述:{{item.des}}</p>