Element-UI Table 实现筛选数据排序及小坑注意点

使用属性：

:sortable="true"

例如：

<el-table-column label="点击量"
                       width="110"
                       :sortable="true"
                       prop="pageviews"
                       align="center">
        <template slot-scope="scope">
          {{ scope.row.pageviews }}
        </template>
      </el-table-column>

效果：
点击排序前：

点击排序后：

注意！！
写自定义模板时使用scope代替了prop，没有加上prop，会导致筛选功能怎么都不能实现，Element的筛选功能需要依赖prop！记得写上prop！