vue 事件中的 native 在 父组件 中给 子组件 绑定一个 原生的事件
.native - 监听组件根元素的原生事件。
通俗点讲:就是在父组件中给子组件绑定一个原生的事件,不加'. native'事件是无法触 发的。
例如:在组件中使用 ele 组件,绑定一个 click 事件
<el-dropdown-item @click="logout" divided> <!-- 添加 click 事件--> <span style="display:block;">退出登录</span> </el-dropdown-item>
此时我们点击 退出登录 ,是不会触发 click 事件的; 需要添加 .native
<el-dropdown-item @click.native="logout" divided> <!-- 添加 click 事件--> <span style="display:block;">退出登录</span> </el-dropdown-item>
这样才能触发
说明
> 给 vue 组件绑定事件时候,必须加上 native,否则会认为监听的是来自 el-dropdown-item 组件自定义的事件, 不会生效,
> 等同于在子组件中:子组件内部处理click事件然后向外发送click事件:$emit("click".fn)
0顶
0 踩
共 0 条评论