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

批量功能传参问题

作者: 小睿同学 | 来源:发表于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

    相关文章

      网友评论

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

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