vue 实现模糊检索并根据其他字符的首字母顺序排列
更新时间:2019年09月19日 08:24:49 作者:胖胖的妖怪
这篇文章主要介绍了vue 实现模糊检索,并根据其他字符的首字母顺序排列,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
昨天让我做一个功能,实现一个模糊检索,我就想,那做呗,然后开始正常的开发
代码如下:
HTML
VUE
因为是实时的,所以写了将逻辑写到了watch中
五分钟搞定。
我以为这就完了,然而产品的需求是无穷无尽的,敬爱的(我想说啥你懂得)产品经理,看到我做的这么快果断加了一波需求。
产品:我觉得你这里可以加一个排序,根据他的没有非搜索词的其他字符的首字母顺序排列一下。(一口气说的我有点懵 )
过了3分钟我才明白他的意思,就是根据第二个字的首字母的拼音排序。然后,接着改呗
又是5分钟
搞定,下班。
总结
以上所述是小编给大家介绍的vue 实现模糊检索并根据其他字符的首字母顺序排列,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
相关文章
vue2.0实现移动端的输入框实时检索更新列表功能
最近小编在做vue2.0的项目,遇到移动端实时检索搜索更新列表的效果,下面脚本之家小编给大家带来了vue2.0 移动端的输入框实时检索更新列表功能的实例代码,感兴趣的朋友参考下吧
2018-05-05
vue v-on传递参数和事件修饰符的使用
本文主要介绍了vue v-on传递参数和事件修饰符的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2024-01-01
Vue3学习之表单的使用示例详解
这篇文章主要为大家详细介绍了Vue3中表单的使用的相关知识,文中的示例代码讲解详细,对我们掌握Vue3有一定的帮助,感兴趣的小伙伴可以跟随小编一起学习一下
2022-12-12
vue对枚举值转换方式
这篇文章主要介绍了vue对枚举值转换方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-09-09
vue地址栏直接输入路由无效问题的解决
这篇文章主要介绍了vue地址栏直接输入路由无效问题的解决,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
2018-11-11
详解VSCode配置启动Vue项目
这篇文章主要介绍了VSCode配置启动Vue项目,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2019-05-05
最新评论