美文网首页
声明全局过滤器

声明全局过滤器

作者: 路尔轩 | 来源:发表于2019-08-27 17:49 被阅读0次

1、在components(个人习惯,可以换一个文件夹)文件夹下新建一个fliters文件夹,然后新建一个index.js文件
index.js内容

exports.timeYmd = (value, seprator) => {
  if (value) {
    value = new Date(value);
    let y = value.getFullYear();
    let m = value.getMonth() + 1;
    if (m < 10) {
      m = '0' + m
    }
    // m < 10 ? m = '0' + m : m
    let d = value.getDate();
    if (d < 10) {
      d = '0' + d
    }
    // d < 10 ? d = '0' + d : d
    return y + seprator + m + seprator + d
  }
}

2、在main.js中引用过滤器

...引入的其他
import filters from './components/filters/index'  // 更换自己的文件夹名称
Object.keys(filters).forEach(k => Vue.filter(k, filters[k]))

3、使用过滤器

<div>{{变量名 | timeYmd}}</div>  // timeYmd为自己定义的过滤器名

相关文章

  • vue的过滤器

    自定义过滤器的用法 局部声明 全局声明

  • 声明全局过滤器

    1、在components(个人习惯,可以换一个文件夹)文件夹下新建一个fliters文件夹,然后新建一个inde...

  • 过滤器

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

  • vue filter 过滤器使用

    格式化时间 自定义全局过滤器 vue 自定义过滤器分为"全局过滤器"和"局部过滤器"两种。 一、 全局过滤器 全局...

  • 过滤器

    全局过滤器 局部过滤器 保留小数 局部: 全局: 过滤器获取时间

  • Vue的过滤器

    过滤器 filter 作用:文本数据格式化 两种过滤器:1 全局过滤器 2 局部过滤器 全局过滤器 说明:通过全局...

  • VUE过滤器和计算属性

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

  • Vue2.0过滤器filter

    在单个组件内局部调用过滤器 全局过滤器在main.js中设置全局过滤器

  • vue的过滤器及计算属性

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

  • 过滤器和计算属性

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

网友评论

      本文标题:声明全局过滤器

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