企业项目管理、ORK、研发管理与敏捷开发工具平台

网站首页 > 精选文章 正文

vue实现模糊搜索功能

wudianyun 2025-02-07 19:22:01 精选文章 31 ℃

首先写好一个列表

写好的样式是这样滴

操作来了

在computed里面定义了一个search函数 使用filter过滤

接下来

在method 里面写一个sousuo1函数 进行一个判断 如果搜索这个输入框框里是空 就是展示原数据 如果这个不为空 就会展示搜索到的数据

最后 很重要

把list改为sousuo1()这个函数

看效果

接下来把全部代码写上 里面的vue引入的是cdn 直接复制黏贴就可以用





    
    
    Page Title
    
    
    
    
    



    
编号 英雄 技能
{{item.id}} {{item.name}} {{item.jn}}

注:文章转自互联网

Tags:

最近发表
标签列表