当前位置: 首页 > news >正文

Vue2 第九节 过滤器

(1)定义:对要显示的数据进行特定格式化后再显示

(2)语法:

       ① 注册过滤器

            1)Vue.filter(name, callback)  全局过滤器

            2) new Vue({filters:{}})   局部过滤器

       ② 使用过滤器

             1)模板中使用  {{xxx | 过滤器名}}

             2)v-bind:属性 = "xxx | 过滤器名"

    (3)局部过滤器使用示例 

       ① 在Vue中注册过滤器

② 使用:{{xxx | 过滤器名}}

    

 注意:

① 上面过滤器没有加小括号,就会把time传进去

② 过滤器第一个参数是过滤器管道符(模板中的  |   )前面的那个参数

③ 过滤器可以接收额外参数,加上小括号,把需要的参数传进去,第一个参数还是time, 第二个参数开始才是传进去的

④ 多个过滤器之间可以串联,逐层处理,先把time 交给 timeFormater, 处理完之后再交给mySlice

⑤ 过滤器并没有改变原来的数据,而是产生新的数据

 (4)全局过滤器:可以全局使用

① 注册方法

② 使用方法:在root和root2中都可以用 

 

(5)v-bind方法使用过滤器(用的比较少)

 

 

http://www.lryc.cn/news/102540.html

相关文章:

  • Swift 对象数组去重
  • 代码随想录算法训练营day52 300.递增子序列 674.最长连续递增子序列 718.最长重复子数组
  • Android 面试题 虚拟机、进程、线程 七
  • Flutter 状态组件 InheritedWidget
  • <C++> 入门
  • 政策加持智能家居市场,涂鸦赋能客户打造“以人为本”智能生活新方式
  • 安全渗透初级知识总结-2
  • 数学建模的32种常规方法及案例代码
  • 【Django+Vue】英文成绩管理平台--20230727
  • 栈-模拟栈
  • 图观| 从王宝强、费翔、阿汤哥等新上映的电影聊聊图的智能推荐场景
  • Redis系列一:介绍
  • Java 设计模式 - 单例模式 - 保证类只有一个实例
  • 第2章 JavaScript语法
  • 【Golang】Golang进阶系列教程--为什么 Go for-range 的 value 值地址每次都一样?
  • 小研究 - JVM 垃圾回收方式性能研究(三)
  • java根据poi解析excel内容
  • 实验报告-Sublime配置默认语法,以配置Verilog语法为例
  • pve安装ikuai并设置,同时把pve的网络连接到ikuai虚拟机
  • Android 面试题 ANR 五
  • 实训笔记7.28
  • C 游游的二进制树
  • 收发存和进销存有什么区别?
  • 小程序 账号的体验版正式版的账号信息及相关配置
  • AIGC(Artificial Intelligence Generated Content)和 Web3对比,未来发展
  • 机器学习之Boosting和AdaBoost
  • 汇编语言预定义寄存器和协处理器
  • 【前缀和】974. 和可被 K 整除的子数组
  • linux页框回收之shrink_node函数源码剖析
  • 网络运维基础问题及解答