首页 > 编程语言 > 详细

vue学习笔记3 v-for加排序

时间:2020-05-03 00:20:30      阅读:61      评论:0      收藏:0      [点我收藏+]

items是一个数组

v-for="item in items"

再加一个排序

需要用到 computed:{

sortitems:function(){

return this.items.sort()

}

}

注意 computed 要新声明一个对象sortitems,这时要写成 item in sortitems

 

升序  function sortNum(a,b){return a-b}

 

降序  function sortNum(a,b){return b-a}

 

在sortitems 调用排序函数:this.item.sort(sortNum)

 

排序对象

 

function (arr,key){

arr.sort(function(){

let x=a[key]

let y=b[key]

return ((x<y)?-1:(x>y)?1:0)

})

}

vue学习笔记3 v-for加排序

原文:https://www.cnblogs.com/laohange/p/12820033.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!