element-ui select组件change事件传递多个参数的方法
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
·
在使用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>
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 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)