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


Posted in Javascript onSeptember 19, 2019

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

代码如下: 

HTML

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

VUE

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

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

五分钟搞定。

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

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

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

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

又是5分钟

搞定,下班。

总结

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

Javascript 相关文章推荐
在线编辑器的实现原理(兼容IE和FireFox)
Mar 09 Javascript
使用JS CSS去除IE链接虚线框的三种方法
Nov 14 Javascript
js 判断图片是否加载完以及实现图片的预下载
Aug 14 Javascript
浅谈JavaScript 框架分类
Nov 10 Javascript
javascript中定义类的方法详解
Feb 10 Javascript
详解AngularJS中的filter过滤器用法
Jan 04 Javascript
AngularJs ng-route路由详解及实例代码
Sep 14 Javascript
js实现鼠标拖动功能
Mar 20 Javascript
javaScript实现滚动条事件详解
Mar 24 Javascript
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
May 12 jQuery
对layui数据表格动态cols(字段)动态变化详解
Oct 25 Javascript
Vue父组件向子组件传值以及data和props的区别详解
Mar 02 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
解决php的“It is not safe to rely on the system’s timezone settings”问题
2015/10/08 PHP
Yii中的cookie的发送和读取
2016/07/27 PHP
phpStudy 2016 使用教程详解(支持PHP7)
2017/10/18 PHP
document.designMode的功能与使用方法介绍
2007/11/22 Javascript
jQuery表单验证插件formValidator(改进版)
2012/02/03 Javascript
ExtJS4 动态生成的grid导出为excel示例
2014/05/02 Javascript
详解JavaScript中的forEach()方法的使用
2015/06/08 Javascript
谈谈我对JavaScript DOM事件的理解
2015/12/18 Javascript
几句话带你理解JS中的this、闭包、原型链
2016/09/26 Javascript
详解Jquery Easyui的验证扩展
2017/01/09 Javascript
JavaScript实现form表单的多文件上传
2020/03/27 Javascript
layui中layer前端组件实现图片显示功能的方法分析
2017/10/13 Javascript
vue2.0与bootstrap3实现列表分页效果
2017/11/28 Javascript
babel的使用及安装配置教程
2018/02/22 Javascript
NodeJS实现自定义流的方法
2018/08/01 NodeJs
JS使用数组实现的队列功能示例
2019/03/04 Javascript
微信小程序select下拉框实现效果
2019/05/15 Javascript
nodejs log4js 使用详解
2019/05/31 NodeJs
Python模拟登录验证码(代码简单)
2016/02/06 Python
python 读写txt文件 json文件的实现方法
2016/10/22 Python
关于numpy中np.nonzero()函数用法的详解
2017/02/07 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
python 提高开发效率的5个小技巧
2020/10/19 Python
html5 乒乓球(碰撞检测)实例二
2013/07/25 HTML / CSS
您附近的水疗和健康场所:Spafinder(美国)
2019/07/05 全球购物
如何找出EMP表里面SALARY第N高的employee
2013/12/05 面试题
集团公司党的群众路线教育实践活动工作总结
2014/03/03 职场文书
岗位竞聘演讲稿范文
2014/04/24 职场文书
2014党的群众路线教育实践活动学习心得体会
2014/10/31 职场文书
个人典型事迹材料
2014/12/30 职场文书
讲座通知范文
2015/04/23 职场文书
转学证明范本
2015/06/19 职场文书
小学语文教学反思范文
2016/03/03 职场文书
考生诚信考试承诺书(2016版)
2016/03/25 职场文书
2019事业单位个人工作总结范文
2019/08/26 职场文书
python基础之类方法和静态方法
2021/10/24 Python