过滤器

作者: 琳媚儿 | 来源:发表于2020-07-08 15:46 被阅读0次

过滤文字
判断名字小于10个就为空。否则就显示三个点

<div class="goods_title">{{product_name | nameFilter}}</div>
<div class="goods_title2">{{sku_name | nameFilter}} {{specification_item_names?specification_item_names:'' | nameFilter}}</div>
  filters:{
    nameFilter(name){
        if(name.length<10){
            return name
        }else{
            return name.substring(0,9)+'...'
        }
    }  
  },

手机号脱敏

<div>手机号码 {{ phonenum | phonenumEncryption }}</div>
filters: {
        //手机号脱敏显示
        phonenumEncryption(val) {
            return val.substr(0, 3) + '****' + val.substr(7, 11);
        }
    },

相关文章

  • VUE过滤器和计算属性

    过滤器主要分为全局过滤器和局部过滤器。 全局过滤器如下: 局部过滤器如下: 计算属性如下: 过滤器中获取日期: 计...

  • 自定义过滤器的封装

    封装自定义过滤器 引入过滤器 添加+注册过滤器 使用过滤器

  • vue的过滤器及计算属性

    1,过滤器:让要显示在页面上的内容进行重新筛选2,过滤器分为全局过滤器和局部过滤器全局过滤器: 局部过滤器: 3,...

  • 2018-09-18 vue初学六(过滤器:filter(fil

    1.1过滤器 过滤器分为两种:1、全局过滤器:filter2、局部过滤器:filters 1.2过滤器 (当前时间...

  • 过滤器

    ...过滤器分为全局过滤器和局部过滤器全局过滤器的格式:html:{{数据,全局过滤器的名字}}//解析数据js:...

  • 六、过滤器的使用 ------ 2020-05-07

    1、过滤器的作用: 2、全局过滤器 3、局部过滤器 4、过滤器的使用

  • 过滤器和计算属性

    1、过滤器 过滤器指让要显示在页面上的内容进行重新筛选。 过滤器分为两种:全局过滤器、局部过滤器。 2、全局过滤器...

  • Vue的节点

    过滤器Filters 过滤器函数,必须定义在filters节点之下,过滤器本质是函数 分为私有过滤器和全局过滤器 ...

  • Vue进阶(1)

    一.过滤器 过滤器分为局部过滤器和全局过滤器 1.局部过滤器 格式 2.全局过滤器 格式 练习 1.当数字为小于1...

  • 不锈钢锥形过滤器@管道锥形过滤器@冲孔进水口过滤器

    不锈钢锥形过滤器@管道锥形过滤器@冲孔进水口过滤器 产品介绍:临时过滤器又称锥型过滤器,属于管道粗过滤器系列最简单...

网友评论

      本文标题:过滤器

      本文链接:https://www.haomeiwen.com/subject/dvlccktx.html