Vue过滤器的使用

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

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

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

代码中调用：

例子：

{{book.title | cut(10)}}

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

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

{{book.title | cut(10)}}