vue3表格排序

最新推荐文章于 2025-02-18 17:54:35 发布

小陈同学，，

最新推荐文章于 2025-02-18 17:54:35 发布

阅读量478

点赞数

分类专栏： vue3.0 文章标签： javascript 前端表格排序 vue3

本文链接：https://blog.youkuaiyun.com/ping_lvy/article/details/127092166

版权

vue3.0 专栏收录该内容

33 篇文章

订阅专栏

上移


    const moveUp = async () => {
      if (eleData.choosedIndex === -1) {
        message.error('请先选择一条数据');
      } else if (eleData.choosedIndex === 0) {
        message.warn('已经是第一条数据了');
      } else {
        eleData.dataSource.splice(
          eleData.choosedIndex - 1,
          1,
          ...eleData.dataSource.splice(
            eleData.choosedIndex,
            1,
            eleData.dataSource[eleData.choosedIndex - 1],
          ),
        );
      }
    };

下移

    const moveDown = () => {
      if (eleData.choosedIndex == -1) {
        message.warn('请先选择一条数据');
      } else if (eleData.choosedIndex == eleData.dataSource.length - 1) {
        message.warn('已经是最后一条数据了');
      } else {
        eleData.dataSource.splice(
          eleData.choosedIndex,
          1,
          ...eleData.dataSource.splice(
            eleData.choosedIndex + 1,
            1,
            eleData.dataSource[eleData.choosedIndex],
          ),
        );
      }
    };

保存顺序

  /** 保存顺序 */
    const saveIndex = async () => {
      const data = eleData.dataSource.map((item: any, index) => {
        item.sort_no = index;
        return item;
      });
      console.log('========item==', data);
      const res: any = await saveElementOrder(
        data,
      );
      if (res.status_code == '0000') {
        message.success('保存顺序成功');
        getTableList(null, null);
      } else {
        message.error(res.reason);
      }
    };