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


Posted in Javascript onSeptember 19, 2019

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

代码如下: 

HTML

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

VUE

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

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

五分钟搞定。

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

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

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

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

又是5分钟

搞定,下班。

总结

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

Javascript 相关文章推荐
JS实现打开本地文件或文件夹
Mar 09 Javascript
JavaScript 异步调用框架 (Part 5 - 链式实现)
Aug 04 Javascript
纯JAVASCRIPT图表动画插件Highcharts Examples
Apr 16 Javascript
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
May 24 Javascript
jQuery插件实现大图全屏图片相册
Mar 14 Javascript
JavaScript实现的圆形浮动标签云效果实例
Aug 06 Javascript
jquery实现输入框实时输入触发事件代码
Dec 21 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
Dec 20 Javascript
js中null与空字符串""的区别讲解
Jan 17 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
Apr 12 Javascript
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
Jul 28 Javascript
JavaScript canvas实现流星特效
May 20 Javascript
微信小程序错误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
在PHP3中实现SESSION的功能(三)
2006/10/09 PHP
php下使用无限生命期Session的方法
2007/03/16 PHP
56.com视频采集接口程序(PHP)
2007/09/22 PHP
抓取并下载CSS中所有图片文件的php代码
2011/09/26 PHP
php中通过正则表达式下载内容中的远程图片的函数代码
2012/01/10 PHP
PHP实现利用MySQL保存session的方法
2014/08/23 PHP
PHP格式化显示时间date()函数代码
2018/10/03 PHP
safari下载文件自动加了html后缀问题
2018/11/09 PHP
PHP判断是否微信访问的方法示例
2019/03/27 PHP
YII框架实现自定义第三方扩展操作示例
2019/04/26 PHP
javascript 异常处理使用总结
2009/06/21 Javascript
Function.prototype.call.apply结合用法分析示例
2013/07/03 Javascript
js open() 与showModalDialog()方法使用介绍
2013/09/10 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
2014/05/08 Javascript
24款热门实用的jQuery插件推荐
2014/12/24 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
2015/06/23 Javascript
基于jQuery实现的QQ表情插件
2015/08/25 Javascript
使用jquery如何获取时间
2016/10/13 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
layui框架table 数据表格的方法级渲染详解
2018/08/19 Javascript
Vue中android4.4不兼容问题的解决方法
2018/09/04 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
2019/09/05 Javascript
5个你不知道的JavaScript字符串处理库(小结)
2020/06/01 Javascript
[01:18:33]Secret vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
Python实现的质因式分解算法示例
2018/05/03 Python
Python基于dom操作xml数据的方法示例
2018/05/12 Python
Python使用爬虫爬取静态网页图片的方法详解
2018/06/05 Python
Python PO设计模式的具体使用
2019/08/16 Python
python IDLE添加行号显示教程
2020/04/25 Python
马来西亚银饰品牌:JEOEL
2017/12/15 全球购物
美国帽子俱乐部商店:Hat Club
2019/07/05 全球购物
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
苏州园林导游词
2015/02/03 职场文书
甜美蛋糕店的创业计划书模板,拿来即用!
2019/08/21 职场文书
pytorch实现ResNet结构的实例代码
2021/05/17 Python
浅谈Python numpy创建空数组的问题
2021/05/25 Python