weixin_44157032 2022-03-11 09:59 采纳率: 68.8%
浏览 703
已结题

ElementUI使用@selection-change="handleSelectionChange"方法后怎么把获取到的值传递到另一个页面?

如图:

img

现在选中两行数据后能获取到他们的name属性,怎么在点击“确定”按钮后把这两个值传到另一个页面去?

以下是部分代码:

<template>
<div>
  <el-table
    ref="multipleTable"
    :data="users"
    @selection-change="handleSelectionChange">

  <el-table-column
        type="selection"
        width="55">
  </el-table-column>

  <el-table-column
        prop="id"
        label="编号">
  </el-table-column>
  <el-table-column
        prop="name"
        label="姓名">
  </el-table-column>
  <el-table-column
        prop="age"
        label="年龄">
  </el-table-column>
  </el-table>

  <el-button type="primary" @click="submit">确定</el-button>

</div>
</template>

<script>
export default {
  name:'User',
  data() {
    return{
        users:[],
    }
  },  
  methods: {
    handleSelectionChange(val) {
        this.multipleSelection = [];
        for(let i = 0; i < val.length;i++){
            if(this.multipleSelection.indexOf(val[i].id)=== -1){
                this.multipleSelection.push(val[i].name)
            }
        }
        // this.multipleSelection = val
        console.log(this.multipleSelection);           
    },
    submit(){
        
    },
  },
}
</script>


  • 写回答

2条回答 默认 最新

  • 韩旭在努力 前端领域新星创作者 2022-03-11 10:14
    关注

    你想传到哪里 你的另一个页面是值父页面 还是跳转页面?

    父组件页面直接 触发对应的 emit事件即可

    如果是父页面 页面层级的话可以使用路由传参

    this.$router.psuh({path:'/parent',params:{multipleSelection:this.multipleSelection}})

    但是因为是隐式传参,页面刷新后数据就会丢失,但是这个应该是比较符合你父页面 table 要求的,如果想要刷新保留的话可以使用显式传参
    params改成query

    created里写好判断即可

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月19日
  • 已采纳回答 3月11日
  • 创建了问题 3月11日

悬赏问题

  • ¥15 求一个智能家居控制的代码
  • ¥15 ad软件 pcb布线pcb规则约束编辑器where the object matpcb布线pcb规则约束编辑器where the object matchs怎么没有+15v只有no net
  • ¥15 虚拟机vmnet8 nat模式可以ping通主机,主机也能ping通虚拟机,但是vmnet8一直未识别怎么解决,其次诊断结果就是默认网关不可用
  • ¥20 求各位能用我能理解的话回答超级简单的一些问题
  • ¥15 yolov5双目识别输出坐标代码报错
  • ¥15 这个代码有什么语法错误
  • ¥15 给予STM32按键中断与串口通信
  • ¥15 使用QT实现can通信
  • ¥15 关于sp验证的一些东西,求告知如何解决,
  • ¥35 关于#javascript#的问题:但是我写的只能接码数字和字符,帮我写一个解码JS问题