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 齐平