在使用element-ui框架开发项目时,select组件应该是经常用到,默认@change="changeEvent" 不传递参数,才会把选中的值带过去。但是有时候,我们不仅仅需要选中的值,还需要传递额外的值,比如id之类的参数怎么办呢,下面有两种方法可以解决

 方法1

@change = changeEvent( event,args);event,args);event就是选中的值,args就是额外要传递的参数;接收的时候也要用两个参数去接收

changeEvent(value,args){
 console.log(value,args)
}

方法2

@change="((val)=>{changeEvent(val,args)})"  

其他组件的的默认事件同样的方法传递,例如:

<el-dropdown trigger="click" @command="((val)=>{handleCommand(val,scope.row)})">
  <span class="el-dropdown-link">
    <i class="el-icon-more el-icon--right"></i>
  </span>
    <el-dropdown-menu slot="dropdown">
        <el-dropdown-item command="volumes">共享卷</el-dropdown-item>
        <el-dropdown-item command="container">容器</el-dropdown-item>
        <el-dropdown-item command="log">日志</el-dropdown-item>
        <el-dropdown-item command="shell">执行</el-dropdown-item>
        <el-dropdown-item command="delete">删除</el-dropdown-item>
    </el-dropdown-menu>
</el-dropdown>

GitHub 加速计划 / eleme / element
15
3
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐