vue native修饰符(组件标签上的事件修饰符native详解)

Joker • • 前端笔记 • 326 阅读

原生事件修饰符.native关于组件标签上的事件，父组件使用子组件时的修饰符，在组件标签上是没办法触发原生的js事件的,vue会将其作为自定义事件处理。

1、关于组件标签上的事件

示例代码如下:


  
  
  
  
 被点击了  

此时子组件上绑定的是自定义的事件不是原生的事件,
因为是自定义事件,我们就可以通过使用触发自定义事件的方式,来触发.
通过$emit 触发这个组件标签上的自定义事件

示例代码如下:


  
  
  
  
 被点击了          点击   

2、可以通过修饰符来处理组件标签上的原生事件

如果需要在子组件的dom上绑定原生的事件,而不是一个自定义事件该如何处理
可以通过 vue提供了修饰符.native来告知绑定的是原生的事件

示例代码如下:


  
  
  
  
 被点击了