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

最新推荐文章于 2022-12-25 20:02:01 发布

小端-吃瓜

最新推荐文章于 2022-12-25 20:02:01 发布

阅读量811

点赞数

分类专栏： js 文章标签：左右位置切换

本文链接：https://blog.csdn.net/weixin_43877575/article/details/84953748

版权

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

实现图片的左右位置切换

页面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);
        }
      },