Vue20-列表过滤

一、模糊查询-用watch实现

1-1、收集输入框中的数据

 

1-2、将收集到的数据于下面的列表做过滤

只要输入框中的数据发生变化,就要做过滤——watch

【注意】:

计算属性能实现的,watch都能实现!

 

字符串的包含函数:

 

 

不能改变原数据!

 

此时有问题:

初始的时候,列表没有信息。解决方式:

二、模糊查询-用计算属性实现

计算属性两个时候调用:

1、一开始就调用;

2、计算属性依赖的数据发生变化。

三、小结

当一个功能,computed和watch都能实现的时候,优先用computed。

相关推荐

  1. 11-2.Vue2.x基本列表列表过滤 filter--computed

    2024-06-12 08:08:06       37 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-12 08:08:06       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-12 08:08:06       100 阅读
  3. 在Django里面运行非项目文件

    2024-06-12 08:08:06       82 阅读
  4. Python语言-面向对象

    2024-06-12 08:08:06       91 阅读

热门阅读

  1. 一个有趣的c++案例

    2024-06-12 08:08:06       22 阅读
  2. “手撕”二叉树的OJ习题

    2024-06-12 08:08:06       24 阅读
  3. jQuery Ajax 基本用法 附带Fetch API

    2024-06-12 08:08:06       30 阅读
  4. cd和pwd命令

    2024-06-12 08:08:06       26 阅读
  5. Date类

    2024-06-12 08:08:06       24 阅读
  6. LINUX

    LINUX

    2024-06-12 08:08:06      29 阅读
  7. Mongodb学习

    2024-06-12 08:08:06       27 阅读
  8. 【每日一题】01

    2024-06-12 08:08:06       22 阅读
  9. MYSQL execute command denied to user ‘‘@‘%‘ for routine

    2024-06-12 08:08:06       27 阅读