vue+ele多选情况下怎样拿到所有被选项的id

最新推荐文章于 2023-02-22 17:00:26 发布

Velocityy

最新推荐文章于 2023-02-22 17:00:26 发布

阅读量1k

点赞数 2

分类专栏： Vue的一些逻辑，语句写法

本文链接：https://blog.csdn.net/Velocityy/article/details/104689377

版权

Vue的一些逻辑，语句写法专栏收录该内容

7 篇文章 0 订阅

订阅专栏

如题，购物车多选，怎样拿到被选到的项的id（框架为vue+element）：

首先，在data里定义两个量，如代码注释，具体可参考官方文档

data() {
    return {
      currPage: 1,
      pageSize: 8,
      value1: "", //发送者
      value2: "", //接收者

      clearmsgVisible: false,
      total: 0,
      refresh: true,
      mesId: "",

      tableData: [],
      multipleSelection: [],  //定义的第一个量
      selectedID: ""   //定义的第二个量
    };
  }

然后，methods里面写如下函数：

handleSelectionChange(val) {
      this.multipleSelection = val;
      this.selectedID = "";
      this.multipleSelection.filter(item => {
        this.selectedID += item.mesId + ",";
      });
      this.selectedID = this.selectedID.slice(0, -1);
    }