从网上找到的例子用vue来实现数组对象排序
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>vue</title> <script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script></head><body> <div class="app"> <h1>vue</h1> <hr> <ol> <li v-for="number in sortNumbers">{{number}}</li> </ol> <hr> <ul> <li v-for="(student,index) in sortstudents">{{index+1}}:{{student.name}}-{{student.age}}</li> </ul> </div> <script> new Vue({ el:'.app', data:{ numbers:[5 ,8, 88, 56, 28, 61, 9], students:[ {name:'zs',age:'38'} , { name:'ls',age:'29'}, {name:'mike',age:'32'}, ] }, computed:{ sortNumbers:function(){ return this.numbers.sort( sortNumbers); }, sortstudents:function(){ return sortByKey(this.students,'age') } } }); function sortNumbers(a,b){ return a-b; } //数组对象排序 function sortByKey(array,key){ return array.sort(function(a,b){ var x = a[key]; var y = b[key]; console.log(x,y) return((x>y)?-1:((x<y)?1:0)); }) } </script></body></html>
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學(xué)習(xí)，寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會繼續(xù)努力的～
掃碼打賞，你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃，即可進行掃碼打賞哦