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

冷不防 2022-05-14 01:26 310阅读 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 条评论，310人围观）

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

相关阅读

相关 spring cloud gateway 自定义全局过滤器

-------------------- spring cloud gateway 自定义全局过滤器 \\\\\\\\\\\\\\\\\\\\\\\\\\

野性酷女/ 2023年07月02日 03:30/ 0 赞/ 159 阅读

相关 Vue_自定义过滤器

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

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

相关自定义过滤器

package com.kuang.filter; import javax.servlet.; import javax.servlet.h

àì夳堔傛蜴生んèń/ 2022年08月29日 10:05/ 0 赞/ 200 阅读

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

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

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

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

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

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

相关 SpringCloud全局过滤器自定义

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

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

相关 vue引入全局过滤器，引入全局公共方法，引入全局变量

-------------------- 多读多写多记录，多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮) ---------

川长思鸟来/ 2021年11月16日 17:38/ 0 赞/ 624 阅读

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

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

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

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

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

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

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

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

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