Vue23-过滤器

一、效果图

二、好用的时间戳三方工具

该三方工具比较大 

推荐使用 

dayjs的用法:

三、过滤器的使用

3-1、计算属性实现

 

3-2、methods函数实现

 

3-3、过滤器filters属性实现

过滤器的本质就是函数!!!

1、过滤器-未传参 

默认将管道符前面的time传到过滤器函数中。 

2、过滤器-传参

3、多个过滤器之间可以串联

 

4、局部过滤器和全局过滤器

①、局部过滤器

写在new vue中的filters属性中的过滤器函数是局部过滤器!!!

局部过滤器的问题:

再出现一个vue实例,就不能用这两个过滤器了。

(若是有多个组件,一个组件就是一个小型的vm)

②、全局过滤器 

 

5、过滤器的两种用法:

  • 插值语法
  • v-bind绑定

v-model中不允许用过滤器!!!

四、小结

复杂的逻辑处理,用methods或者计算属性

相关推荐

  1. Vue项目】filters过滤器

    2024-06-14 06:42:02       27 阅读
  2. Vue.js(过滤器(Filter))

    2024-06-14 06:42:02       14 阅读
  3. Vue】2-5、Vue 过滤器

    2024-06-14 06:42:02       32 阅读
  4. vue中如何写过滤器

    2024-06-14 06:42:02       34 阅读
  5. vue filters 过滤器vue页面 全局使用

    2024-06-14 06:42:02       38 阅读
  6. vue如何在服务器端使用过滤器

    2024-06-14 06:42:02       9 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-14 06:42:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-14 06:42:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-14 06:42:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-14 06:42:02       18 阅读

热门阅读

  1. msf原生shellcode迁移进程后如何获取攻击者ip

    2024-06-14 06:42:02       8 阅读
  2. Redis

    Redis

    2024-06-14 06:42:02      8 阅读
  3. 通过apex启动flow

    2024-06-14 06:42:02       10 阅读
  4. 鸿蒙开发电话服务:【@ohos.contact (联系人)】

    2024-06-14 06:42:02       8 阅读
  5. pg和oracle的区别

    2024-06-14 06:42:02       7 阅读
  6. 常见NI板卡

    2024-06-14 06:42:02       9 阅读
  7. 数据库select语句基础

    2024-06-14 06:42:02       7 阅读