美文网首页
批量功能传参问题

批量功能传参问题

作者: 小睿同学 | 来源:发表于2020-01-16 10:10 被阅读0次

在表格里添加一列多选:

<el-table-column type="selection" width="50" align="center"></el-table-column>

在table标签里添加:

@selection-change="handleSelectionChange"

在data里定义:

data() {
    return {
        multipleSelection: [],
    }
},

获取选中的数据:

handleSelectionChange(val) {
    this.multipleSelection = val;
},
一、传字符串
//获取所有选中行的id组成的字符串,以逗号分隔
this.ids= this.multipleSelection.map(item => item.textId).join()        
二、传数组

在接口js文件

//引入qs
import qs from 'qs'

//test[]:1
//test[]:2
//test[]:3
//变成
//test:1
//test:2
//test:3
paramsSerializer: (params) =>{
      return qs.stringify(params, { arrayFormat: 'repeat' })
}
The End

相关文章

  • 批量功能传参问题

    在表格里添加一列多选: 在table标签里添加: 在data里定义: 获取选中的数据: 一、传字符串 二、传数组 ...

  • Navigation的一些问题

    1.startDestination传参和重定向问题 2.fragment返回传参问题 我们知道Activity可...

  • SQL Server 存储过程用到的知识

    一.传参方式: 1. 无参 功能:查看作业类型表的所有信息 2. 入参 功能:根据TaskID查看该类型的信息 3...

  • 使用postman的批量传参

    【前提】测试目的:一个上传数据的接口,现有大批量的数据需要用同一个接口上传,可以通过请求一次修改一次传参值来实现,...

  • ECMA6学习-函数传参 和 箭头函数使用

    本编主要介绍ECMA6中函数的新扩展的一些传参功能,以及箭头函数的使用 函数传参的新玩法 主要新功能: 函数的参数...

  • java传参问题

    java传参的问题,可以通过如下三个例子进行说明: 例一: 例二: 例三: 总结:如果形参是基本类型,实参传递传递...

  • mybatis传参问题

    【单参数】 public List getXXBeanList(String xxCode); s...

  • 02 - 传参问题

    一、.wxml 获取 .js 定义的数据: {{data}} 二、.js 获取 .wxml 的数据,一般都是在 e...

  • setTimeout传参问题

    IE8下参数接受失败的解决方案: 参考 :https://www.jb51.net/article/40524.htm

  • URL 传参问题

    业务场景:微信小程序中A页面带参数跳转B页面 由于card数据比较大,导致JSON解析的时候报错:Unexpect...

网友评论

      本文标题:批量功能传参问题

      本文链接:https://www.haomeiwen.com/subject/nrffzctx.html