美文网首页IT
vue中数组排序

vue中数组排序

作者: 前端_周瑾 | 来源:发表于2018-08-07 15:38 被阅读21次
    <template>
        <div>
         <li v-for="item in list">
           <p>
             <span>{{item.time}}</span>
             <span>{{item.name}}</span>
           </p>
         </li>
        </div>
    </template>
    
    <script>
    import axios from 'axios'
    export default {
      name: "arr-sort",
      data(){
        return{
          list: [
            {time: '2018-06-01 14:11:29',name:'1'},
            {time: '2018-06-05 14:11:29',name:'5'},
            {time: '2018-06-06 14:11:29',name:'6'},
            {time: '2018-06-02 14:11:29',name:'2'},
            {time: '2018-06-03 14:11:29',name:'3'},
            {time: '2018-06-04 14:11:29',name:'4'},
            {time: '2018-06-07 14:11:29',name:'7'},
          ]
        }
      },
      created(){
        this.list.sort(function (a,b) {
            // 按照时间降序
          return Date.parse(b.time) - Date.parse(a.time)
        })
      }
    }
    </script>
    
    <style scoped>
    
    </style>
    

    相关文章

      网友评论

        本文标题:vue中数组排序

        本文链接:https://www.haomeiwen.com/subject/vbkavftx.html