• Ukieweb

    佳的博客

    曾梦想仗剑天涯,后来工作忙没去。

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
下一篇:403跨域错误 CORS 解决汇总 No 'Access-Control-Allow-Origin' header is present on the requested resource

0 条评论

老佳啊

85后,大专学历,中原人士,家里没矿。

由于年轻时长的比较帅气,导致在别人眼里,我一直不谈恋爱的原因是清高,实则是自己的小自卑。最大的人生目标就是找一个相知相爱相容的人,共度余生。

和人相处时如果能感受到真诚,会非常注重彼此的关系,对别人没有什么心机,即使有利益冲突,一般也会以和为贵,因为在这个世界上,物质的东西,从来不会吸引到我。

特别迷恋那些大山大水,如果现在还能隐居,可能早就去了。对那些宏伟的有底蕴的人文景观比较不感冒。

从事于IT行业,却一直对厨房念念不忘,由于身材魁梧,总觉得自己上辈子是个将军,可惜这辈子没当兵,也不会打架。