html节点上下移动,关于前端:数组元素上下移动
/**
* 上、下挪动
* @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. splice参数介绍 var a = [1,2,3] var b = a.splice(从哪开始删,删几个,用谁替代) 返回值b是,删除掉的元素,也就是说,splice返回删除的元素 2. 案例 ...
- 前端:JS/20/数组(数组的概念,数组元素,数组索引,数组元素的访问,数组的长度,数组的创建方法,数组的操作,实例:使用数组保存个人信息,实例:求数组所有值的平均值,数组对象的length属性)
数组 1,数组的概念 一组值(或对象)的集合,称为"数组": var arr =[10,20,30,50]; var arr =["张三","男&qu ...
- 记前端知识--数组元素的相关操作
数组中元素的操作 const arr = [1, 2, 3, 4]; this.removeByValue(4); console.log(arr); // [1, 2, 3] this.addByV ...
- 前端基础知识 (五)JS删除数组元素的方法
一.length属性 JS 中Array的length长度非常有特点,他不是只读的,因此可以设置. var colors = ["red","blue",&qu ...
- C语言试题四十四之移动一维数组中的内容,若数组中由n个整数,要求把下标从0到p(p小于等于n-1)的数组元素平移到数组的最后。
1. 题目 请编写一个函数function,它的功能是:移动一维数组中的内容,若数组中由n个整数,要求把下标从0到p(p小于等于n-1)的数组元素平移到数组的最后. 2 .温馨提示 C语言试题汇总里可 ...
- lodash 数组元素查找 findIndex
_.findIndex(array, [predicate=_.identity]) 这个方法类似 _.find .除了它返回最先通过 predicate 判断为真值的元素的 index ,而不是元素 ...
- JS中对数组元素进行增、删、改、查的方法,以及其他方法
总结一下 JS中提供的方法可以对数组元素进行增.删.改.查以及其他方法 一.增加元素 1.push() push可接收任意数量的参数,把它们逐个添加至数组末尾,并且可以返回修改后数组的长度. 例子: ...
- 存数组元素的个数_HashMap1.8之后为什么要采用数组+链表+红黑树的储存方式?
HashMap概述 HashMap是基于Map接口实现的,采取(key,value)的储存方式.其中key和value可以为空,但是key不能重复.下面我们来详细解读一下HashMap的底层实现原理. ...
- 算法设计——用分治法查找数组元素的最大值和最小值、用分治法实现合并排序、最小费用问题、树的最大连通分支问题(代码实现)
代码链接:pan.baidu.com/s/15inIth8Vl89R1CgQ_wYc2g 提取码:gf13 算法分析与设计第 1 次实验 时间 2020.3.31 地点 软件大楼 127 实验名称 ...
最新文章
- gdb debug memory address
- Cisco WebEx:企业协作服务中的音频需求
- 半正定矩阵的判定方法_线性代数30——正定矩阵和最小值
- SAP HANA中创建时间相关的数据时候需要Variant Schema
- android sha1和签名证书的学习
- embedding.assign(embedding_input)的解读
- 查看80端口连接状态
- 购物车程序二(模拟了用户登录,限次数三次)
- 松下plc安装序列号afpsgr7_安装松下PLC软件步骤.pdf
- 淘宝网或阿里巴巴模拟登陆获取数据
- chrome 清理缓存
- 冬瓜子 , 初来乍到,请多关照!
- Zookeeper的Paxos分布式一致性算法-类比
- 关于报错connection holder is null
- 长相一般的普通程序员怎么找到喜欢程序员的妹子做女友?
- vue v-for遍历动态展示元素数量
- A Survey on Deep Transfer Learning 2018 翻译
- iphone同步android短信,如何从iPhone导入短信到Android手机?
- VS2012 处理器架构“x86”不匹配 通过配置管理器更改您的项目的目标处理器架构...
- 官网被报危险网站和降权的应对措施
热门文章
- C语言 | 结构体数组
- 计算机网络自顶向下方法实验报告,计算机网络自顶向下方法试验三报告.doc
- mysql索引下沉_MySQL 5.6 索引条件下推优化
- python打印星星居中_python实现while循环打印星星的四种形状
- css清除浮动的几种方法_web前端学习路线分享CSS浮动-清除浮动篇
- php内置的数组函数大全,php数组的内置函数大全
- 尚学堂java培训_IT培训教育平台课程分享
- Sublime删除所有包含特定值的行
- pat 乙级 1029 旧键盘(C++)
- 【渝粤教育】广东开放大学 机械制造基础 形成性考核 (55)