/**

* 上、下挪動

* @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节点上下移动,关于前端:数组元素上下移动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。