博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue 模糊查询+排序
阅读量:6963 次
发布时间:2019-06-27

本文共 845 字,大约阅读时间需要 2 分钟。

1、Vue 模糊查询功能

原理:原生js的search() 方法,用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串,则返回 -1。

input输入框,模糊查询

效果如下:

图片描述

图片描述
图片描述

2、排序功能

sort()方法:用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。

注意:

(1)、如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序.

(2)、如果按照其他方式排序,就需要提供比较函数,它有两个参数 a 和 b,其返回值如下:

若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。

(3)、arr.sort(function(a,b){.....})

//升序    function(a,b){      return a-b;    }           //降序   function(a,b){       return b-a;    }

实例:

var arr = [    {name:'zopp',age:0},    {name:'gpp',age:18},    {name:'yjj',age:8}];function compare(property){    return function(a,b){        return a[property] - b[property];    }}console.log(arr.sort(compare('age')))

结果:

图片描述

转载地址:http://qowsl.baihongyu.com/

你可能感兴趣的文章
四层和七层负载均衡
查看>>
2016清单
查看>>
从一个多层嵌套循环中直接跳出(先想想自己代码设计的是否合理)
查看>>
linux升级内核
查看>>
安卓仿微信右上角弹出菜单窗口
查看>>
PVS让存储颤抖,系列博文之三:PVS的写缓存新技术之Win7桌面实测篇
查看>>
Java控制车速
查看>>
传入含中文的字符串 返回中文首字母
查看>>
thinkphp5 下 Linux 定时任务
查看>>
IOS 动画组
查看>>
数据库模型设计——关系的实现,主键的设计
查看>>
webistrano的安装方法和一些用法
查看>>
Memcache集群高可用方案
查看>>
mysql数据据存储引擎InnoDB和MyISAM的优势及区别
查看>>
PowerShell中iso8601格式日期和DateTime对象互转实例
查看>>
MySQL Cluster, Fabric, Cobar 三大集群特性对比
查看>>
SpringBoot(八):测试组件-junit
查看>>
Mysql命令
查看>>
使用chmod命令改变权限
查看>>
java程序使用cmd备份和恢复数据库
查看>>