vue 实现模糊检索并根据其他字符的首字母顺序排列

 更新时间:2019年09月19日 08:24:49   作者:胖胖的妖怪  
这篇文章主要介绍了vue 实现模糊检索,并根据其他字符的首字母顺序排列,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

  昨天让我做一个功能,实现一个模糊检索,我就想,那做呗,然后开始正常的开发

  代码如下: 

  HTML

  

  VUE

  因为是实时的,所以写了将逻辑写到了watch中

  

  五分钟搞定。

  我以为这就完了,然而产品的需求是无穷无尽的,敬爱的(我想说啥你懂得)产品经理,看到我做的这么快果断加了一波需求。

  产品:我觉得你这里可以加一个排序,根据他的没有非搜索词的其他字符的首字母顺序排列一下。(一口气说的我有点懵 )

  过了3分钟我才明白他的意思,就是根据第二个字的首字母的拼音排序。然后,接着改呗

  

  又是5分钟

  搞定,下班。

总结

以上所述是小编给大家介绍的vue 实现模糊检索并根据其他字符的首字母顺序排列,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

相关文章

  • vue2.0实现移动端的输入框实时检索更新列表功能

    vue2.0实现移动端的输入框实时检索更新列表功能

    最近小编在做vue2.0的项目,遇到移动端实时检索搜索更新列表的效果,下面脚本之家小编给大家带来了vue2.0 移动端的输入框实时检索更新列表功能的实例代码,感兴趣的朋友参考下吧
    2018-05-05
  • vue中methods、mounted等的使用方法解析

    vue中methods、mounted等的使用方法解析

    这篇文章主要介绍了vue中methods、mounted等的使用方法解析,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • vue v-on传递参数和事件修饰符的使用

    vue v-on传递参数和事件修饰符的使用

    本文主要介绍了vue v-on传递参数和事件修饰符的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-01-01
  • el-form的model、prop属性和表单校验等使用

    el-form的model、prop属性和表单校验等使用

    本文主要介绍了el-form的model、prop属性和表单校验等使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • Vue3学习之表单的使用示例详解

    Vue3学习之表单的使用示例详解

    这篇文章主要为大家详细介绍了Vue3中表单的使用的相关知识,文中的示例代码讲解详细,对我们掌握Vue3有一定的帮助,感兴趣的小伙伴可以跟随小编一起学习一下
    2022-12-12
  • vue对枚举值转换方式

    vue对枚举值转换方式

    这篇文章主要介绍了vue对枚举值转换方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • vue地址栏直接输入路由无效问题的解决

    vue地址栏直接输入路由无效问题的解决

    这篇文章主要介绍了vue地址栏直接输入路由无效问题的解决,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • 详解VSCode配置启动Vue项目

    详解VSCode配置启动Vue项目

    这篇文章主要介绍了VSCode配置启动Vue项目,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • vue.js el-table虚拟滚动完整实例代码

    vue.js el-table虚拟滚动完整实例代码

    这篇文章主要给大家介绍了关于el-table虚拟滚动的相关资料,文中通过实例代码介绍的非常详细,对大家学习或者使用vue.js具有一定的参考学习价值,需要的朋友可以参考下
    2022-12-12
  • vue+webpack中配置ESLint

    vue+webpack中配置ESLint

    这篇文章主要介绍了vue+webpack中配置ESLint,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11

最新评论