Vue实现table上下移动

结合Element组件，scope中有三个参数（row，cow，$index）分别表示行内容、列内容、以及此行索引值，
table上绑定数组 :data=“tableList”

<el-table :data="tableList">
</el-table>

添加一列，里面放上上移和下调两个按钮，并绑定上函数，将此行的索引值(scope.$index)作为参数，样式根据需求自己调整：

<el-button icon="el-icon-arrow-up"  :disabled="scope.$index === 0" @click="upFieldOrder(scope.$index)"></el-button>
<el-button icon="el-icon-arrow-down"  :disabled="scope.$index === tableList.length - 1" @click="downFieldOrder(scope.$index)"></el-button>

直接使用下面这种方式是错误的，虽然tableList的值变了，但是不会触发视图的更新：

upFieldOrder (index) {
      let temp = this.tableList[index-1];
      this.tableList[index-1]  = this.tableList[index]
      this.tableList[index] =