宝哥软件园

vue.js事件处理程序on:click的详细说明

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

使用v-on指令监控DOM事件

请注意,不能在:HTML5中使用v-on,而应使用@

(1)html代码:

div id=' example ' button v-: click=' greet ' greet/button//或button @ click=' greet ' greet/button/div(2)js代码:

varvm=new vue({ El : ' # example },data: {name3360' vue.js'},//定义方法methods : { greet : function(event){//在方法` this指向VM alert(')/` event `内是一个原生的DOM事件alert (event。target.tagname)}}) (3)效果显示:

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

更多资讯
游戏推荐
更多+