.native修饰符

最新推荐文章于 2023-07-27 13:56:33 发布

coodingcc

最新推荐文章于 2023-07-27 13:56:33 发布

阅读量2.2k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/cristina_song/article/details/90611580

版权

本文介绍了Vue.js中的.native修饰符，用于在组件的根元素上监听原生事件。.native修饰符使得开发者能够将组件视为普通HTML元素来绑定事件，但不适用于直接绑定到HTML标签的事件。内容包括官方解释、使用场景及其工作原理。

摘要由CSDN通过智能技术生成

官方对.native修饰符的解释为：
　　有时候，你可能想在某个组件的根元素上监听一个原生事件，可以使用 v-on 的修饰符 .native 。例如：

<my-component v-on:click.native="doTheThing"></my-component>

简单点理解就是：
给普通的HTML标签监听一个事件，之后添加 .native 修饰符是不会起作用的。例如：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

coodingcc

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue3 emits 选项和.native修饰符

weixin_46161178的博客

06-16

2362

vue3 emits选项

详解Vue.js中.native修饰符

10-18

主要介绍了Vue.js中.native修饰符,给普通的HTML标签监听一个事件，之后添加 .native 修饰符是不会起作用的。需要的朋友可以参考下

参与评论您还未登录，请先登录后发表或查看评论

JAVA中native方法

Day day up!

09-15

1180

转自：http://karoii.bokee.com/5869823.html　　Java不是完美的，Java的不足除了体现在运行速度上要比传统的C++慢许多之外，Java无法直接访问到操作系统底层（如系统硬件等)，为此Java使用native方法来扩展Java程序的功能。　　可以将native方法比作Java程序同Ｃ程序的接口，其实现步骤：　　１、在Java中声明native()方法，然后编

native修饰符

weixin_37684735的博客

06-03

1550

* native：也是一个修饰符 * 1、意思：原生的、本地的 * 2、可以修饰什么？ * 可以修饰方法 * 3、它修饰的方法有什么不同？ * * 语法格式： * 【修饰符】 class 类{ * 【其他修饰符】 native 返回值类型方法名(【形参列表】); * } * native修饰的方法，看不见方法体。 * native修饰的方法，不是用Java语言实现的，而是调用了底层C/C++的代码，这些代码 * 被编译为.dll文件，让Java来执行的。 * *...

修饰符.native

m0_58861443的博客

08-13

186

修饰符.native .native事件修饰符是用来是在父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标签看待。 <el-dropdown-item divided @click.native="logout"> <span style="display:block;">退出登录</span> </el-dropdown-item> 并不是所有的组件都支持click 并不是所有的组件都天然的支持click 所有的自定义组件都不支

vue中的.native修饰符

时清云的博客

07-12

8350

一般来说，vue本身提供了v-on:eventName这个语法来提供vue的时事件绑定，通常使用@eventName这个语法糖代替上述语法。使用过程中没有考虑@eventName作用标签的类型，因为一般将该语法用在html原生标签，在组件标签上使用的时候，就要加上native修饰符，这样就可以像原生标签一样使用了。 native在Vue.js官方的大致意思是监听自定义标签根标签的事件，我的理解是一般都是原生的html标签加上处理事件，但如果给组件标签加上事件的话，相当于给组件的根元素（也就是原生的htm

elementUI .native修饰符

05-31

在Vue.js中，当我们需要在子组件中监听父组件的原生事件时，可以使用`.native`修饰符。在ElementUI中，`.native`修饰符通常被用于监听组件上的原生事件，例如`@click.native`可以监听组件上的原生click事件。这样做...

聊聊Vue中的native修饰符

WangdedoudouV587的博客

07-16

4208

聊聊Vue中的native修饰符

.native修饰符的含义

weixin_46443526的博客

11-02

239

.native修饰符自定义组件上注册的事件触发的是组件自定义的事件。。而不是原生的dom事件。所以不会触发。

修饰符 .native，v-model，.sync

zH1_234567的博客

08-13

182

.native 对于一些自定义组件，当添加事件时，该事件不会执行，因此需要使用.native 修饰符 .native事件修饰符是用来是在父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标签看待。 <my-com @click.native="hClick"></my-com> //my-com是自定义组件 v-model 和 .sync v-model 和 .sync 都能用于实现父子组件数据之间的双向绑定 ...

Java native关键字

cumt168的专栏

11-28

2241

转载自：http://hi.baidu.com/jinliangma/blog/item/cc1e80fa3135ddd9b48f3110.html 一. 什么是Native Method简单地讲，一个Native Method就是一个java调用非java代码的接口。一个Native Method是这样一个java的方法：该方法的实现由非java语言实现，比如C。这个特征并非java所

关于vue的.native修饰符

Jaya先生的博客

01-17

1249

问题起源：在使用自定义的文件上传组件时，由于项目需要，要在点击时获取到item的id，但是由于是自定义的组件，因此在操作过程中发现@click绑定的方法并不执行。在度娘的帮助下，总算是找到了解决办法，即：加上.native修饰符 <file-upload label="添加" @click.native="setId(item.id)" @fileUploaded="fileUpload...

Java中的native修饰符

snow365的专栏

01-28

780

Java中的native修饰符

java native 修饰符_JAVA基础——修饰符

weixin_39891262的博客

02-24

416

修饰符的分类1、访问修饰符2、非访问修饰符一、访问修饰符1、默认的，也称为 default，在同一包内可见，不使用任何修饰符。2、共有的，以 public 修饰符指定，对所有类可见。3、私有的，以 private 修饰符指定，在同一类内可见。4、受保护的，以 protected 修饰符指定，对同一包内的类和所有子类可见。default:默认的1.默认访问修饰符声明的变量和方法，对同一个包内的类是可...

vue事件修饰符.native

cmhahaha的博客

08-11

1775

问题在写代码时我注意到click事件的native修饰符，如下： <el-dropdown-item divided @click.native="logout"> <span style="display:block;">退出登录</span> </el-dropdown-item> 请问这里的native是什么，有什么用？对于自定义的组件，如果添加@click而不加.native，我们点击这个组件，logout会执行吗？带着以上问题我..

Vue中‘.native‘修饰符的作用

chen__cheng的博客

07-26

7971

一般情况下，父组件要监听子组件的事件，可以通过$emit的方式。但是如果父组件要监听子组件的原生事件，比如：input的focus事件。此时可以通过使用v-on的.native修饰符达到目的。 .native 可以在某组件的根元素上监听一个原生事件从上面的语句可以看出，.native作用于组件的根元素。所以如果需要监听的元素是作为根元素，此时.native完全适用例如：父组件 <template> <div id="app"> <baseLabel v

.native修饰符的作用和使用场景举例