ElementUI之table排序

elementui是一套非常好用的ui框架，经常用于与vue搭配使用。其中有一个table组件，以下对其排序属性做下笔记。为了简洁我就写在注释里了。

 

JavaScript部分：

 

 

var Main = {
    data() {
      return {
        tableData: [{
          ID: '12号',
          name: '李狗蛋',
          age:21,
          address: '广州市科学城'
        }, {
          ID: '13号',
          name: '黄二狗',
          age:18,
          address: '汕头市濠江区'
        }, {
          ID: '14号',
          name: '林二丫',
          age:19,
          address: '深圳市罗湖区'
        }, {
          ID: '15号',
          name: '陈大宝',
          age:20,
          address: '厦门市翔安区'
        }]
      }
    },
    methods: {
      formatter(row, column) {
        return row.address;
      }
    }
  }
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

效果图