属性.native用于解决第三方el组件库@click事件无效
Posted yanl55555
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了属性.native用于解决第三方el组件库@click事件无效相关的知识，希望对你有一定的参考价值。
描述
有时发现用一些第三方的组件库时，例如一个封装好的button按钮<el-butten>，绑定点击事件却没有任何作用，这时便需要加 .native
原因：
v-on 是对 Vue 的事件体系封装后的 API 接口，官方文档中指出Vue 使用的是一套自己的事件传递机制，如 @click 等事件是经过 Vue 封装的。所以在一些实际上处理 DOM 原生事件的场合需要添加额外的标识符。
解决
而.native就是给组件绑定原生事件采用的方法
以上是关于属性.native用于解决第三方el组件库@click事件无效的主要内容，如果未能解决你的问题，请参考以下文章
前端element-ui组件库el-card卡片hover效果与点击事件(点击无效用@click.native=““)解决
Vue组件库elementUI 在el-row 或 el-col 上使用@click无效失效,