vue 中的indexof_vue的这段排序代码看着不是很懂， p = p.name.indexOf(searchperson)!== -1到底是什么意思...

源码，

{{index}}---{{p.name}}---{{p.age}}--{{p}}

源码，

{{index}}---{{p.name}}---{{p.age}}--{{p}}

年龄升序

年龄降序

原本顺序

const vm = new Vue({

el:"#bigv",

data:{

searchperson:'',

orderType:0, //0代表原序，1升序，2降序

person:[

{name:'林凯森',age:18 },

{name:'森林凯',age:14 },

{name:'凯林森',age:10 },

{name:'森凯林',age:108 },

]

computed:{

filterperson(){

//取出相关的数据

const{ searchperson ,person,orderType }=this

//最终返回显示的数组

let fperson;

fperson = person.filter( p => p.name.indexOf(searchperson)!== -1 )

if(orderType) {

fperson .sort(function (p1, p2) {

if (orderType === 2) {

return p2.age - p1.age

} else {

return p1.age - p2.age

}

})

}

return fperson

}

methods:{

setordertype(orderType){

this.orderType=orderType

}

})

我的问题是这句 p => p.name.indexOf(searchperson)!== -1最后返回了个啥，我看着像是返回了true/false啊他换成普通JS函数长啥样？

展开

vue 中的indexof_vue的这段排序代码看着不是很懂， p = p.name.indexOf(searchperson)!== -1到底是什么意思...相关推荐

在vue中使用rules对表单字段进行验证
vue 中表单字段验证的写法和方式有多种,本博客介绍三种较为常用的验证方式. 1. 写在 data 中验证表单内容  <el-form ref=" ...
手把手教你在vue中使用icon图标，附demo代码
icon图标的使用 START icon图标的使用,对于番茄我来说,算是一个痛点吧.写这篇文章之前,也看了不少别人有关图标使用的博客.想了很久,还是想自己写一篇属于番茄我自己的一篇图标相关的博客.一来 ...
Javascript中最常用的61段经典代码
1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border οncοntextmenu ...
java的一段排序代码_Java常见排序算法——快速排序
概念: 通过一趟排序将待排序记录分割成独立的两部分,其中一部分记录的关键字均比另一部分小,则可分别对这两部分记录继续进行排序,直到整个序列有序. 原理: 在数据集之中,选择一个元素作为"基准 ...
vue中使用海康实时监控详细代码
第一步:下载海康的js包,并在html中引入: 第二步:在相应的页面中开始编写,具体代码如下: <template><el-container><el-aside wid ...
笔记三 vue中封装复用过滤器自定义组件 vue中component选项
题外话: npm install -g express-generator npm安装express框架封装复用 Vue中关于封装复用的内容,属于Vue中的进阶知识,在实战中对开发者的抽象和泛化能力 ...
在vue中使用wangEditor上传视频
一.效果展示实现效果原本效果二.修改wangEditor源码添加插入视频panel 只修改Video.prototype._createPanel方法 // 原型 Video.prototyp ...
vue中引入高德地图
❤️❤️❤️ Topology可视化绘图引擎 ❤️❤️❤️ 总的来说,vue组件中使用高德地图的方式有两种,一种是vue-amap :一套专门用于vue的高德地图插件:另外一种是原生的高德地图. 方式 ...
vue中组件间通信的6种方式
前言组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互进行直接的引用,所以组件间的相互通信是非常重要的. 除了使用vuex外还有下面6种组件间 ...

vue 中的indexof_vue的这段排序代码看着不是很懂， p = p.name.indexOf(searchperson)!== -1到底是什么意思...

vue 中的indexof_vue的这段排序代码看着不是很懂， p = p.name.indexOf(searchperson)!== -1到底是什么意思...相关推荐

最新文章

热门文章