vue-过滤器(filter)
2024-09-05 22:04:15
1、全局过滤器(项目中所有的vue文件都可以使用)
1.1 直接注册全局过滤器
在main.js中注册;
在项目中使用;
前面的为时间,作为filter过滤器的第一个参数。
1.2 所有过滤器写在一个单独的js文件中,引入注册
创建一个filter.js文件;
在main.js中映入filter.js中的过滤器,并注册
在组件中使用
显示:
2、局部过滤器
2.1 单个组件中注册过滤器
在组件内部注册过滤器, 该过滤器智能在这个组件中使用,可注册多个;
使用, 下面的时间作为第一个参数,如果有多个参数,过滤器后面用括号可以传参。
显示:
3、过滤器使用
过滤器可使用在两个地方,1是 ‘{{}}’ 中, 2是v-bind:(简写 :)中。
并且过滤器可以串联使用, 在此处是将filter1的值作为filter2的参数。
过滤器可以传递多个参数,如下,前面的时间作为第一个参数,后面的括号中的时间格式作为第二个参数。
最新文章
- play with usb
- ecshop 邮件功能
- QEMU中smp,socket,cores,threads几个参数的理解
- Android 编程下的代码混淆
- opencv的初体验
- 基于Node.js的实时推送 juggernaut
- iOS——GCD多线程
- python学习第九天 -- 列表生产式
- nautilus-open-terminal右键随处打开终端
- Jedi项目,还真得好好看看,有许多控件和新封装的API(Delphi里面没有)
- RF接口测试本地环境部署
- 第六百二十六天 how cna I 坚持
- git的学习笔记(二):git远程操作
- VS2015|Visual Studio Enterprise 2015简体中文版(企业版)
- [物理学与PDEs]第4章第3节 一维反应流体力学方程组 3.1 一维反应流体力学方程组
- Unity的几个特殊文件夹
- 伤不起:File.toPath() &; Paths.get()
- Ubuntu登录界面添加root用户登录选项
- OpenCV处理直方图
- (腾讯视频)iOS开发之视频根据url获取第一帧图片,获取任一帧图片