首页 > 编程知识 正文

element table 搜索,html实现搜索框的搜索功能

时间:2023-05-03 13:25:03 阅读:267831 作者:2469

不得不夸一下我自己,哈哈,作为一个新手义气的康乃馨,我的灵感总是适时的为我打call!哈哈哈(可能这些问题很多人会觉得很简单,但是我是一个新手义气的康乃馨,所以自豪感满满的,成就感也满满的!)

需求描述:可以看到这个弹出框上的数据有37页,领导说为了方便选择,你给我搞一个搜索框还有分页在上边。

(这上边的数据是页面刚创建时就已经从后台查询返回的数据,在created钩子函数里边完成的)

本来上午是没什么灵感的,因为我在想这搜索是好搜索,但是我搜索到之后怎么把匹配到的数据提出来呢?

然后就百度各种资料,后来看到了一个分页的例子,就先把分页做了出来,然后下午的时候继续查资料啊,但是查了好多资料,也没有找到解决办法。

后来不知道怎么自己的大脑里突然闪过一个想法,我的这些数据是创建时从后台拿到之后渲染到页面上的,那我岂不是也可以将查询的数据作为参数传给后台,然后返回数据渲染到页面上?

于是,开始进行代码编写(先后台写了一个方法,然后前台调用,这里就只给出前台实现了)

data部分:

 methods部分:

这样就实现了。效果如下:(css样式还没有调整,等下调整,哈哈)

 

 

快三技巧准确率100续查资料啊,但是查了好多资料,也没有找到解决办法。

后来不知道怎么自己的大脑里突然闪过一个想法,我的这些数据是创建时从后台拿到之后渲染到页面上的,那我岂不是也可以将查询的数据作为参数传给后台,然后返回数据渲染到页面上?

于是,开始进行代码编写(先后台写了一个方法,然后前台调用,这里就只给出前台实现了)

data部分:

 methods部分:

这样就实现了。效果如下:(css样式还没有调整,等下调整,哈哈)

 

 

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。