Element-ui中的复杂筛选与搜索 ,多关键字搜索

这两天在搞一个项目的时候,遇到一个问题,如何对表格的数据进行多关键字筛选,然后把关键字提交给后台,后台返回相应的数据绑定在表格中,找了很多帖子也都没有过多的讲解,都没有找到心仪的案例,都是一些直接仿照官网给出的例子,只是静态的过滤已绑定的数据,并没有一个与后台交互的过程。

于是我尝试自己写了一个,用了近两个小时,现在把它分享出来

效果图:交互是只需将已选条件提交给后台就好了,若没选中,提交默认为空

Element-ui中的复杂筛选与搜索 ,多关键字搜索_第1张图片

 

代码:使用的是vue   element-ui组件编写的,相应的引包是在js中引的,这里并没有给出






 

刚开始入坑vue框架,有什么不足之处还望指出,最后我想说Element-ui 组件还是很友好的,特别容易上手

有什么不明处欢迎留言,博主会第一时间回复的

你可能感兴趣的:(前端学习)