vue根据数组中对象的属性进行排序

  • 页面上写入

<template>
 <div>
   <div v-for='(item,index) in arr1'>{{item.name}}</div>
 </div>
</template>
  • methods中写入sortKey方法

data(){
  return{
      arr:[{name:'zzc',age:12},{name:'lxy',age:13},{name:'tjy',age:14}]
  }
}
methods:{
      sortKey(array,key){
          return array.sort(function(a,b){
              var x = a[key];
              var y = b[key];
              return ((y<x)?-1:(x>y)?1:0)   //从小到大排序
      })
  }
}
  • computed中获取最新的数组:

  computed:{
      arr1:function(){
        return this.sortKey(this.arr,'age')
  }
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,694评论 0赞 25
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,298评论 0赞 2
  • 前言 最近在学习Vue计算属性的源码,发现和普通的响应式变量内部的实现还有一些不同,特地写了这篇博客,记录下自己学...
    心_c2a2阅读 913评论 0赞 3
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 10,048评论 0赞 3
  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 10,098评论 1赞 52

友情链接更多精彩内容