• 0
  • 0

UniApp过滤器

2019-06-24 1185 0 admin 所属分类:Hbuilder

UniApp采用Vue开发,实现前后端分离。在使用数据渲染时有时候我们也需要对渲染的数据做处理,这个时候可以采用过滤器的方式

过滤器分为全局过滤器和局部过滤器


全局过滤器可以写在main,js中格式如下

Vue.filter('sub_address', function(value) {
    let pos = value.indexOf('省');
    if (pos != -1) {
        //截取省之后的
        value = value.substr(pos + 1);
    }
    var city = '';
    pos = value.indexOf('市');
    if (pos != -1) {
        //截取省之后的
        city = value.substr(0, pos);
        var regExp = new RegExp(city, 'gi');
        value = value.replace(regExp, '');
    }
    return value;
})

局部过滤器可以写在某个具体的Page业当中的filter属性中

JS 调用过滤器方法如下

Vue.filter('date')(timer)


返回顶部