宝哥软件园

详细说明 Vue.js中的本机修饰符

编辑:宝哥软件园 来源:互联网 时间:2021-08-31

修饰符是由半宽句点表示的特殊后缀。它们用于指示指令应该以特殊的方式绑定。本文介绍了修饰语。原生于Vue.js感兴趣的朋友可以看一下。天然修饰语

官方对。本机修饰符是:

有时,您可能想要监听组件根元素上的本机事件。你可以用修饰语。土生土长的v-on。例如:

my-component v-:单击。native=“做某事”/my-component简单理解为:

听一个普通HTML标记的事件,然后添加。本机修饰符不起作用。例如:

HTML代码

div id=' app ' a href=' # ' rel=' external no follow ' v-: click。native=' click fun ' click me/a/div JavaScript代码

Newvue ({el:' # app ',methods : { click fun 3360 function(){ console . log(' message 3360 success ')})结果)

侦听组件根元素上的事件,然后添加。原生修饰语。例如:

HTML代码

div id=' app ' my-component v-: click。native=' click fun '/my-component/div JavaScript代码

Vue.component ('my-component ',{ template : ` a href=' # ' click me/a `})new vue({ El : ' # app ',methods : { click fun 3360 function(){ console . log(' message : suc)

摘要

以上是的修饰语。原产于边肖引进的Vue.js。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

更多资讯
游戏推荐
更多+