美文网首页
uniapp全局过滤器

uniapp全局过滤器

作者: 小李不小 | 来源:发表于2024-05-07 15:32 被阅读0次

1、在根目录common文件下创建filters

// 时间过滤器
export const filters = {
    formatDate: value => {
        if(value == undefined){
            return;
        }
        //时间戳为10位需*1000,时间戳为13位的话不需乘1000
        value = value * 1000;
        let date = new Date(value);
        let y = date.getFullYear();
        let MM = date.getMonth() + 1;
        MM = MM < 10 ? ('0' + MM) : MM; //月补0
        return y + '年' + MM + '月'; //年月日
    },
    formatYear: value => {
        if(value == undefined){
            return;
        }
        //时间戳为10位需*1000,时间戳为13位的话不需乘1000
        value = value * 1000;
        let date = new Date(value);
        let y = date.getFullYear();
        y = y.toString().substr(2,2);
        return y + '年上牌'; //年月日
    }
}

2、在main.js引入和注册全局

import { filters } from './common/filters.js'
// 定义全局自定义过滤器
Object.keys(filters).forEach(key => {
    Vue.filter(key, filters[key])
})

使用

{{ list.license_time | formatDate }}
 
{{ lista.license_time | formatYear }}

相关文章

  • uniapp 定义全局过滤器

    和vue没啥区别哈,其实就是给大家的福利,免得有人从零开始的呢。 第一步:新建文件目录和文件 根目录下新建comm...

  • 过滤器

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

  • vue filter 过滤器使用

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

  • 过滤器

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

  • Vue的过滤器

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

  • VUE过滤器和计算属性

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

  • Vue2.0过滤器filter

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

  • vue的过滤器及计算属性

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

  • 过滤器和计算属性

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

  • vue过滤器+计算属性

    过滤器 作用:让要显示在页面上的内容进行重新筛选 类型:全局过滤器局部过滤器 格式: 全局过滤器: html部分 ...

网友评论

      本文标题:uniapp全局过滤器

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