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值。