这里以饿了吗ui的le-input为例,先绑定好自己的查询条件,此处我是只有一个条件,在el-input绑定的两个事件。
这里的@input事件是输入查询条件时,自动搜索,相当于联想了。但是我们要的是点击查询,查询结束后,删除查询条件,自动返回到所有数据的呈现页面。下面的方式可以实现这一功能。
绑一个@input = "a事件",再绑一个@click = "(查询事件)" , 然后在方法里判断输入的值是否为空,如果为空,就自动触发search事件(返回的是根据查询条件过滤后的数据)。如果输入内容不为空,就必须点击按钮才能触发。
这样就能达到:输入值时必须点击按钮才能搜索,当清空搜索条件时,自动触发,返回全部数据。
本人刚入前端不久,技术不成熟,虚心接受各位大牛的指点,第一次写博客,如有差错请评论出来,谢谢啦!