1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Vue.js中.native修饰符使用详解

Vue.js中.native修饰符使用详解

时间:2022-11-02 17:10:07

相关推荐

Vue.js中.native修饰符使用详解

web前端|js教程

javascript,.native,Vue.js

web前端-js教程修饰符(Modifiers)是以半角句号 . 指明的特殊后缀,用于指出一个指令应该以特殊方式绑定。这篇文章给大家介绍Vue.js中.native修饰符,感兴趣的朋友一起看看吧。

cms 小说网站 源码,arm 版ubuntu 美化,网络爬虫专题培训,php fetion,seo长期优化lzw

.native修饰符

免费商城源码,ubuntu的vi退出,爬虫获取文档内容,preg php,遂川seo优化lzw

官方对.native修饰符的解释为:

安卓 降噪 录音 源码,ubuntu连无线wifi,怎么学电脑爬虫,nas php,啊南seolzw

有时候,你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。例如:

简单点理解就是:

给普通的HTML标签监听一个事件,之后添加 .native 修饰符是不会起作用的。例如:

HTML代码

click me

JavaScript代码

new Vue({el: #app,methods: {clickFun: function(){console.log("message: success")}}})

结果

给某个组件的根元素上监听一个事件,之后添加 .native 修饰符就会起作用了。例如:

HTML代码

JavaScript代码

ponent(my-component, {template: `click me`})new Vue({el: #app,methods: {clickFun: function(){console.log("message: success")}}})

结果

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。