php checkbox多选传值,vue 多选框 checkbox 父到子传值

本文介绍了在Vue中处理checkbox多选功能时遇到的问题,包括如何从父组件向子组件传递数据,以及如何处理checkbox选中值与后台ID的对应。在新增和修改场景下,详细讲解了如何避免因初始值导致的全选问题,以及如何在修改弹框中正确显示已选择的数据。
摘要由CSDN通过智能技术生成

vue多选功能,

修改时选中的状态不能从当前组件中得到,从父组件中传过来。

aaba3a1dbd5706ddad7ee3804ab2319a.png

e61173407f3d4c88ff1338a6db5f159a.png

这里 新增和修改封装了一个组件,在点击确定按钮后,会发送新增或修改请求,重新渲染页面。但是在点击【新增】/ 【修改】按钮时,不会发送请求,不会请求数据。所有的数据在页面进行渲染时即拿到(数据在父组件中)。即在点击修改按钮时,并不会请求数据,(所有数据在点击【确定】新增 / 修改 按钮成功后重新渲染页面时已经拿到)。想在修改的弹框里展示数据,需要将数据从父组件中传给子组件。

问题1 :

因为element-UI中对选框选中的值是name,没有id。而我们获取到选中的值后,是要将当前name的id传给后台。

f6d2703c1c202fa17b53a786f7e53506.png     

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值