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


Posted in Javascript onSeptember 19, 2019

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

代码如下: 

HTML

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

VUE

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

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

五分钟搞定。

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

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

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

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

又是5分钟

搞定,下班。

总结

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

Javascript 相关文章推荐
javaScript Array(数组)相关方法简述
Jul 25 Javascript
用js实现小球的自由移动代码
Apr 22 Javascript
javascript dom追加内容实现示例
Sep 21 Javascript
jquery插件之定时查询待处理任务数量
May 01 Javascript
整理AngularJS中的一些常用指令
Jun 16 Javascript
JavaScript 函数的执行过程
May 09 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
Jul 04 Javascript
浅析JS抽象工厂模式
Dec 14 Javascript
使用D3.js构建实时图形的示例代码
Aug 28 Javascript
用Vue编写抽象组件的方法
May 06 Javascript
ant-design-vue按需加载的坑的解决
May 14 Javascript
Vue页面渲染中key的应用实例教程
Jan 12 Vue.js
微信小程序错误this.setData报错及解决过程
Sep 18 #Javascript
解决layui富文本编辑器图片上传无法回显的问题
Sep 18 #Javascript
layui 富文本赋值,取值,取纯文本值的实例
Sep 18 #Javascript
layui 富文本编辑器和textarea值的相互传递方法
Sep 18 #Javascript
微信小程序获取地理位置及经纬度授权代码实例
Sep 18 #Javascript
layui复选框限制选择个数的方法
Sep 18 #Javascript
layui lay-verify form表单自定义验证规则详解
Sep 18 #Javascript
You might like
windows下PHP APACHE MYSQ完整配置
2007/01/02 PHP
PHP使用递归生成文章树
2015/04/21 PHP
php通过curl模拟登陆DZ论坛
2015/05/11 PHP
PHP获得数组交集与差集的方法
2015/06/10 PHP
PHP中把对象数组转换成普通数组的方法
2015/07/10 PHP
PHP使用preg_split()分割特殊字符(元字符等)的方法分析
2017/02/04 PHP
Yii框架学习笔记之应用组件操作示例
2019/11/13 PHP
又一个小巧的图片预加载类
2007/05/05 Javascript
jquery1.4.2 for Visual studio 2010 模板文件
2010/07/14 Javascript
jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
2011/07/26 Javascript
Jquery 表单验证类介绍与实例
2013/06/09 Javascript
javascript面向对象之访问对象属性的两种方式分析
2015/01/13 Javascript
javascript实现的图片切割多块效果实例
2015/05/07 Javascript
javascript框架设计之类工厂
2015/06/23 Javascript
浅谈js script标签中的预解析
2016/12/30 Javascript
WebSocket的通信过程与实现方法详解
2018/04/29 Javascript
Vue递归实现树形菜单方法实例
2018/11/06 Javascript
Angular CLI 使用教程指南参考小结
2019/04/10 Javascript
微信小程序开发之map地图组件定位并手动修改位置偏差
2019/08/17 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
2020/04/13 Javascript
重命名批处理python脚本
2013/04/05 Python
在Python中使用判断语句和循环的教程
2015/04/25 Python
django启动uwsgi报错的解决方法
2018/04/08 Python
Python标准库使用OrderedDict类的实例讲解
2019/02/14 Python
在win10和linux上分别安装Python虚拟环境的方法步骤
2019/05/09 Python
Python实现计算长方形面积(带参数函数demo)
2020/01/18 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
YOINS官网:时尚女装网上购物
2017/03/17 全球购物
Happy Socks英国官网:购买五颜六色的袜子
2020/11/03 全球购物
JENNIFER BEHR官网:各种耳环和发饰
2020/06/07 全球购物
广告语设计及教案
2014/03/21 职场文书
食品安全标语
2014/06/07 职场文书
2015年安全生产责任书
2015/01/30 职场文书
2015年度优秀员工推荐信
2015/03/23 职场文书
投诉信范文
2015/07/02 职场文书
css之clearfix的用法深入理解(必看篇)
2023/05/21 HTML / CSS