vue实现数组内容上移和下移

vue实现数组内容上移和下移

/**
 * 数组列表上移
 * @param arr 操作数组
 * @param index 当前要上移的数据索引
 */
const clickUp = (arr, index) => {
    if (index === 0) return; // 如果已经是第一个元素，则无法再上移
    const currentElement = arr[index];       // 当前元素
    const previousElement = arr[index - 1];  // 前一个元素

    // 使用 splice 替换两个元素的位置
    arr.splice(index, 1, previousElement);   // 把前一个元素放到当前位置
    arr.splice(index - 1, 1, currentElement); // 把当前元素放到前一个位置
}
/**
 * 数组列表下移
 * @param index 当前要下移的数据索引
 */
const clickDown = (arr, index) => {
    if (index === arr.length - 1) return; // 如果已经是最后一个元素，则无法再下移
    const currentElement = arr[index];      // 当前元素
    const nextElement = arr[index + 1];     // 后一个元素

    // 使用 splice 替换两个元素的位置
    arr.splice(index, 1, nextElement);      // 把后一个元素放到当前位置
    arr.splice(index + 1, 1, currentElement); // 把当前元素放到后一个位置
}