Vue过滤器的使用

一：在vue中声明一个过滤器

//增加一个用于全局裁切字符的过滤器

Vue.filter("cut",(v,n)=>{
    if(v.length<=n){
        return v;
    }
    return v.substr(0,n)+"...";
});

代码中调用：

例子：

<td>{{book.title | cut(10)}}</td>

//后端传过来的数据显示前20个字符，后面的用方法定义的"..."代替

 

二：剪切之后悬浮显示完整信息

<td :title="book.title">{{book.title | cut(10)}}</td>