首页 > 其他 > 详细

vue+vuex项目中怎么实现input模糊查询

时间:2019-12-17 13:51:06      阅读:766      评论:0      收藏:0      [点我收藏+]

1,首先给input框添加方法,但是用的是element-ui的组件,对input进行了封装,不能直接用原生的方法!,在element组件中,input框中方法传参要带$  链接:https://blog.csdn.net/maggie_live/article/details/82905221

2,在方法中使用filter过滤,并修改需要展示的值(但是computed计算属性中的方法默认不带set方法的,即不能修改他们的值,因此我只能去mutations中再写一个方法,进行修改state中的值) 链接:https://blog.csdn.net/weixin_34090562/article/details/91369638

filter使用方法  https://baijiahao.baidu.com/s?id=1620816622322585919&wfr=spider&for=pc

3,

技术分享图片

4,如果input输入不为空,则模糊查询,为空,则再进行全查询

技术分享图片

5,

技术分享图片

vue+vuex项目中怎么实现input模糊查询

原文:https://www.cnblogs.com/wskb/p/12053663.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!