Element之动态增加表单中嵌套下拉菜单踩坑

在使用Element UI时,遇到动态增减表单中嵌套下拉菜单的问题。由于command事件无法接收额外参数,导致无法针对性地控制每个下拉框。通过利用Vue的$event属性,将循环索引传入事件,实现对特定下拉框菜单项的控制,解决了这一难题。
摘要由CSDN通过智能技术生成

使用ELement时动态增减表单遇到的一个小小坑,当在动态改变的表单项中内嵌了一层下拉菜单dropdown时,我需要通过dropdown的command事件来控制显示dropdown-menu中的dropdown-item,但是官方文档中的command事件不支持接受除command属性之外的参数,那么便无法特定的修改动态增加的表单项中的某一个表单项中的下拉框,此路不通,灵机一动,想起Vue自带的$event属性,可以给事件传入一些额外的参数,废话不多说,上代码

<div class="export_main">
  <el-form :model="exportAddressConfig" :inline="true">
    <el-form-item
      v-for="(item, index) in exportAddressConfig.address"
      :key="item.key"
      :label="'导出地址' + (index + 1) + ':'"
      :prop="'address.' + index + '.value'"
      :rules="{required: true, message: '地址不能为空', trigger: 'blur'}"
      style="display: block;"
    >
      <el-dropdown trigger="click" @command="
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值