vue中标题太长需要限制字数多余字变成..._vue文字过长变...

作者：你好赵伟 | 2024-02-20 17:28:46

踩

vue文字过长变...

实现效果如下

1.template中代码


<div class="demo-item">
     <span style="font-weight:bolder">{{scope.row.docName | ellipsis}}</span>  
</div>

在字段的后面添加 | ellipsis

2.script中代码


// 将标题设置成10个字以内
    filters: {
      // 当标题字数超出时，超出部分显示“...”
      ellipsis (docName) {
        if (!docName) return ''
        if (docName.length > 10) {
            return docName.slice(0, 10) + '...'
        }
        return docName
      }
    },

注：filters与methods 齐平

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/120444