on-click 的默认使用

<Dropdown @on-click="handler">
   <DropdownItem name="addMenu">新增菜单</DropdownItem>
</Dropdown>

这里 handler 默认传递的是 item的name值

handler(name){
   console.log(name);
}

如何传递除name外的其他参数？

iview支持将默认传递的参数用$event代替

<Dropdown @on-click="handler('参数1','参数2',$event) >
...
</Dropdown>

handler(parm1,parm2,name){
  console.log(parm1,parm2,name);
}

通过查看iview内DropdownItem的组件源码

$parent.$emit('on-click', this.name);

已经将item的name属性传入了事件参数，所以$event 就可以直接得到item的name值。

iview-Dropdown组件传递额外参数
on-click 的默认使用这里 handler 默认传递的是 item的name值如何传递除name外的其他...
vue $emit 传递多个参数
$emit 传递一个参数子组件：父组件： $emit传递多个参数子组件：父组件：
Vue中$emit传递一个或多个参数
$emit传递一个参数时子组件：父组件： $emit传递多个参数时子组件：父组件:
使用$emit传递多个参数
$emit传递一个参数时、子组件：父组件： $emit传递多个参数时子组件：父组件：
React - 函数式组件化 & props参数传递
React函数式组件化 & props参数传递函数式组件定义变量 & 使用组件通过props传递参数展开运...
父子组件
父组件通过属性的形式向子组件传递参数子组件通过props接受父组件从传递过来的参数
Vue组件之间的数据传递
1、父子组件传递父组件传给子组件通过props方法接收参数子组件传给父组件：$emit方法传递参数2、非父子组件创...
子组件使用$emit 像父组件传值，父组件引入,同时传其他参数，
子组件传给父组件一个参数父组件要传递其他参数，
父子组件的数据传递
1、父组件通过:count="3"的方式向子组件传递参数，且子组件不能随意修改父组件传递过来的参数，但可以对参数的...
react组件
父子组件传值父→子父组件通过属性的形式向子组件传递参数子组件通过props接受父组件传递过来的参数注：父组件向...