event//js部分showEvent(event){ //获取自定义data-id console.log(event.target.dataset.i..._vue中怎么使用event对象">
当前位置:   article > 正文

vue事件中如何使用event对象?_vue中怎么使用event对象

vue中怎么使用event对象

注意在事件中要使用 $ 符号

  1. //html部分
  2. <a href="javascript:void(0);" data-id="12" @click="showEvent($event)">event</a>
  3. //js部分
  4. showEvent(event){
  5. //获取自定义data-id
  6. console.log(event.target.dataset.id)
  7. //阻止事件冒泡
  8. event.stopPropagation();
  9. //阻止默认
  10. event.preventDefault()
  11. }

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/blog/article/detail/79328
推荐阅读

  • 之间要通信----点击小图上面大图也应该跟着换—兄弟通信----,与首页轮播图原理类似,多了几个控制属性,不要了几个控制属性。点击图片有高亮边框用。_changeskunum(event){//用户输入进来文本*1就是nanletval... [详细]

  • LVM是逻辑卷管理(LogicalVolumeManager)的简称,它是Linux环境下对磁盘分区进行管理的一种机制。LVM通过在硬盘和文件系统之间添加一个逻辑层,来为文件系统屏蔽下层硬盘分区布局,提高硬盘分区管理的灵活性。_device... [详细]

  • Vue中,事件处理函数常常需要获取事件触发时的相关信息,比如鼠标位置、按键信息等。而要获取这些信息,就需要使用event对象。那么在Vue事件中如何正确使用event对象呢?接下来就来详细介绍一下。Vue事件中如何使用event对象在V... [详细]

  • 相关标签
      

    闽ICP备14008679号