js实现动态数据的左右位置切换

页面dom渲染

              <img  class="boot-action" src="../../assets/images/right_no.png" v-if="index == 3">
              <img  style="cursor: pointer" class="boot-action" src="../../assets/images/right.jpg" v-if="index != 3" @click.stop="indexChange('right',index)">
              <img  class="boot-action" src="../../assets/images/left_no.png" v-if="index == 0">
              <img  style="cursor: pointer"  class="boot-action" src="../../assets/images/left.jpg" v-if="index != 0" @click.stop="indexChange('left',index)">
            </div>

js代码块

//改变左右顺序
      indexChange(flag,index){
        if(flag=="left"){
          this.tableData[0].moduleViewContentResources.splice(index-1,0,this.tableData[0].moduleViewContentResources[index]);
          this.tableData[0].moduleViewContentResources.splice(index+1,1);
        }else if(flag=="right"){
          this.tableData[0].moduleViewContentResources.splice(index+2,0,this.tableData[0].moduleViewContentResources[index]);
          this.tableData[0].moduleViewContentResources.splice(index,1);
        }
      },