Vue 全局自定义过滤器、过滤器公共调用

冷不防 2022-05-14 01:26 500阅读 0赞

定义一个全局的自定义过滤器，需要使用Vue.filter()构造器。这个构造器需要两个参数。

**Vue.filter() Constructor Parameters:**

1.filterId: 过滤器ID，用来做为你的过滤器的唯一标识；

2.filter function: 过滤器函数，用一个function来接收一个参数，之后再将接收到的参数格式化为想要的数据结果。

1、格式化时间

<span class="li-date">{
       {begin_time | getDate(begin_time,1)}}</span>

2、这是一个日期格式化的方法

Vue.filter( 'getDate' , function(timeStamp,isData) {
            var date = new Date();
            date.setTime(timeStamp * 1000);
            var y = date.getFullYear();
            var m = date.getMonth() + 1;
            m = m < 10 ? ('0' + m) : m;
            var d = date.getDate();
            d = d < 10 ? ('0' + d) : d;
            var h = date.getHours();
            h = h < 10 ? ('0' + h) : h;
            var minute = date.getMinutes();
            var second = date.getSeconds();
            minute = minute < 10 ? ('0' + minute) : minute;
            second = second < 10 ? ('0' + second) : second;
            if (isData){
                return y + '-' + m + '-' + d;
            } else{
                return y + '-' + m + '-' + d+' '+h+':'+minute+':'+second;
            }
        });

发表评论取消回复

表情：

评论列表（有 0 条评论，500人围观）

还没有评论，来说两句吧...

相关阅读

相关 Spring Cloud Gateway 自定义全局过滤器、局部过滤器器

Spring Cloud Gateway 自定义过滤器背景最近项目需要切换[网关][Link 1]，由 zuul 切换为 spring cloud gatewa

不念不忘少年蓝@/ 2024年03月31日 11:32/ 0 赞/ 206 阅读

相关自定义过滤器和全局过滤器

1. 过滤器中必须有返回值 2. 一般使用花括号`{ {}}`插值，管道符前是要过滤的元素，管道符之后是过滤方法 <p>{ { arr|sortArray}}</

Love The Way You Lie/ 2023年05月30日 06:17/ 0 赞/ 143 阅读

相关 VUE_vue如何定义全局过滤器

一、 main.js中定义全局过滤器 nameFiltes：过滤器名称，值为一个方法 Vue.filter('nameFiltes',function(data

布满荆棘的人生/ 2023年02月23日 12:12/ 0 赞/ 130 阅读

相关 Vue_自定义过滤器

过滤器：对数据进行筛选和过滤，可被用于一些常见的文本格式化，现使用自定义过滤器对时间进行格式化，使用双花括号插值来调用。 <script src="https://c

谁践踏了优雅/ 2022年12月11日 04:27/ 0 赞/ 254 阅读

相关 Vue 全局自定义过滤器、过滤器公共调用

定义一个全局的自定义过滤器，需要使用Vue.filter()构造器。这个构造器需要两个参数。 Vue.filter() Constructor Parameters: 1.

冷不防/ 2022年05月14日 01:26/ 0 赞/ 501 阅读

相关 vue 项目中自定义过滤器全局使用 filter

新建filter文件 src目录下新建filters目录，filters目录里新建index.js文件 exports.formatMoney = (val

深藏阁楼爱情的钟/ 2022年04月05日 10:36/ 0 赞/ 358 阅读

相关 SpringCloud全局过滤器自定义

一、实现步骤： 1. 在gateway\_service工程编写全局过滤器类GlobalFilter,Ordered 2. 编写业务逻辑代码 3. 访问接口测试，加

「爱情、让人受尽委屈。」/ 2021年12月16日 22:35/ 0 赞/ 485 阅读

相关 Vue入门-自定义过滤器

过滤器介绍 Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+

不念不忘少年蓝@/ 2021年09月15日 13:32/ 0 赞/ 520 阅读

相关 Gateway--Filter、自定义全局过滤器

GatewaFilter Factories 路由过滤器可用于修改进入的HTTP请求和返回的HTTP响应，路由过滤只能指定路由进行使用。 SpringCloud Ga

超、凢脫俗/ 2021年08月27日 22:40/ 0 赞/ 659 阅读

相关 Vue-自定义格式化时间的全局过滤器

在main.js中定义全局的时间过滤器 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aH

绝地灬酷狼/ 2021年07月25日 12:13/ 0 赞/ 569 阅读