vue事件指令

vue的事件指令是v-on,具体用法请看下图:

vue事件指令代码图

要给元素节点添加事件要用v-on,比如给p标签添加一个单击事件click,如上图所示,那么可以这样添加事件吗:<p v-on:click="alert("弹出框")">单击</p>,这是不正确的。应该在Vue对象里面定义一个方法method,然后在方法里开始写方法。

大家注意这里的this.msg,this指的是整个vue对象,而在调用方法时有没有括号没有什么大碍,但没有括号默认有参数,右括号默认没有参数,这里的参数是你事件的类型和一些参数。

大家在写代码的时候如果嫌v-on太长可以用它的简写方法@:

好了vue的事件指令就介绍到这里了

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • vue事件、指令、钩子 vue的事件修饰符:.stop:阻止冒泡.prevent:阻止默认行为.capture:捕...
    CDistance阅读 424评论 1赞 1
  • vue的事件修饰符:.stop:阻止冒泡.prevent:阻止默认行为.capture.self.once:只触发...
    梦的枷锁阅读 583评论 0赞 1
  • vue的事件修饰符:.stop:阻止冒泡.prevent:阻止默认行为.capture.self.once:只触发...
    HeroXin阅读 332评论 1赞 1
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,768评论 1赞 11
  • 一、了解Vue.js 1.1.1 Vue.js是什么? 简单小巧、渐进式、功能强大的技术栈 1.1.2 为什么学习...
    蔡华鹏阅读 3,554评论 0赞 3

友情链接更多精彩内容