1、Vue 模糊查询功能
原理:原生js的search() 方法,用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串,则返回 -1。
input输入框,模糊查询
- { {item.id}} { {item.name}} { {item.time}}
效果如下:
2、排序功能
sort()方法:用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。
注意:
(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')))
结果: