/**

* 上、下挪动

* @param {number} code 下标

* @param {number} dir 1上移 0下移

*/

onMove(code, dir) {

let moveComm = (curIndex, nextIndex) => {

let arr = this.commodityInfo

arr[curIndex] = arr.splice(nextIndex, 1, arr[curIndex])[0]

return arr

}

this.commodityInfo.some((val, index) => {

if (index === code) {

if(val.primarySku) { // 判断是否为主样式

this.$message.warning('主样式不能够挪动!')

} else {

if (dir === 1 && index === 1) {

this.$message.warning('已在顶部!')

} else if (dir === 0 && index === this.commodityInfo.length - 1) {

this.$message.warning('已在底部!')

} else {

let nextIndex = dir === 1 ? index - 1 : index + 1

this.commodityInfo = moveComm(index, nextIndex)

this.$message.success('已挪动!')

}

}

return true

}

return false

})

},

本文由乐趣区整理发布,转载请注明出处,谢谢。

html节点上下移动,关于前端:数组元素上下移动相关推荐

  1. 前端数组删除元素字典操作

    1. splice参数介绍 var a = [1,2,3] var b = a.splice(从哪开始删,删几个,用谁替代) 返回值b是,删除掉的元素,也就是说,splice返回删除的元素 2. 案例 ...

  2. 前端:JS/20/数组(数组的概念,数组元素,数组索引,数组元素的访问,数组的长度,数组的创建方法,数组的操作,实例:使用数组保存个人信息,实例:求数组所有值的平均值,数组对象的length属性)

    数组 1,数组的概念 一组值(或对象)的集合,称为"数组": var arr =[10,20,30,50]; var arr =["张三","男&qu ...

  3. 记前端知识--数组元素的相关操作

    数组中元素的操作 const arr = [1, 2, 3, 4]; this.removeByValue(4); console.log(arr); // [1, 2, 3] this.addByV ...

  4. 前端基础知识 (五)JS删除数组元素的方法

    一.length属性 JS 中Array的length长度非常有特点,他不是只读的,因此可以设置. var colors = ["red","blue",&qu ...

  5. C语言试题四十四之移动一维数组中的内容,若数组中由n个整数,要求把下标从0到p(p小于等于n-1)的数组元素平移到数组的最后。

    1. 题目 请编写一个函数function,它的功能是:移动一维数组中的内容,若数组中由n个整数,要求把下标从0到p(p小于等于n-1)的数组元素平移到数组的最后. 2 .温馨提示 C语言试题汇总里可 ...

  6. lodash 数组元素查找 findIndex

    _.findIndex(array, [predicate=_.identity]) 这个方法类似 _.find .除了它返回最先通过 predicate 判断为真值的元素的 index ,而不是元素 ...

  7. JS中对数组元素进行增、删、改、查的方法,以及其他方法

    总结一下 JS中提供的方法可以对数组元素进行增.删.改.查以及其他方法 一.增加元素 1.push() push可接收任意数量的参数,把它们逐个添加至数组末尾,并且可以返回修改后数组的长度. 例子: ...

  8. 存数组元素的个数_HashMap1.8之后为什么要采用数组+链表+红黑树的储存方式?

    HashMap概述 HashMap是基于Map接口实现的,采取(key,value)的储存方式.其中key和value可以为空,但是key不能重复.下面我们来详细解读一下HashMap的底层实现原理. ...

  9. 算法设计——用分治法查找数组元素的最大值和最小值、用分治法实现合并排序、最小费用问题、树的最大连通分支问题(代码实现)

    代码链接:pan.baidu.com/s/15inIth8Vl89R1CgQ_wYc2g  提取码:gf13 算法分析与设计第 1 次实验 时间 2020.3.31 地点 软件大楼 127 实验名称 ...

最新文章

  1. gdb debug memory address
  2. Cisco WebEx:企业协作服务中的音频需求
  3. 半正定矩阵的判定方法_线性代数30——正定矩阵和最小值
  4. SAP HANA中创建时间相关的数据时候需要Variant Schema
  5. android sha1和签名证书的学习
  6. embedding.assign(embedding_input)的解读
  7. 查看80端口连接状态
  8. 购物车程序二(模拟了用户登录,限次数三次)
  9. 松下plc安装序列号afpsgr7_安装松下PLC软件步骤.pdf
  10. 淘宝网或阿里巴巴模拟登陆获取数据
  11. chrome 清理缓存
  12. 冬瓜子 , 初来乍到,请多关照!
  13. Zookeeper的Paxos分布式一致性算法-类比
  14. 关于报错connection holder is null
  15. 长相一般的普通程序员怎么找到喜欢程序员的妹子做女友?
  16. vue v-for遍历动态展示元素数量
  17. A Survey on Deep Transfer Learning 2018 翻译
  18. iphone同步android短信,如何从iPhone导入短信到Android手机?
  19. VS2012 处理器架构“x86”不匹配 通过配置管理器更改您的项目的目标处理器架构...
  20. 官网被报危险网站和降权的应对措施

热门文章

  1. C语言 | 结构体数组
  2. 计算机网络自顶向下方法实验报告,计算机网络自顶向下方法试验三报告.doc
  3. mysql索引下沉_MySQL 5.6 索引条件下推优化
  4. python打印星星居中_python实现while循环打印星星的四种形状
  5. css清除浮动的几种方法_web前端学习路线分享CSS浮动-清除浮动篇
  6. php内置的数组函数大全,php数组的内置函数大全
  7. 尚学堂java培训_IT培训教育平台课程分享
  8. Sublime删除所有包含特定值的行
  9. pat 乙级 1029 旧键盘(C++)
  10. 【渝粤教育】广东开放大学 机械制造基础 形成性考核 (55)