Vue点击事件失效

这篇具有很好参考价值的文章主要介绍了Vue点击事件失效。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在码代码的时候发现, 使用Vue的点击事件突然失效,就算是打印输出也没有反应 , 回过头来发现是自己在引入better-scroll 的时候出现的问题, 实现滑动效果的时候 , 没有添加配置项 click: true; 导致子组件的点击事件失效

vue点击事件不起作用,vue.js,前端,javascript

 另外其他两种可能导致点击事件失效的原因: 

1. div>span 事件绑定在div上,但是它可能点来点去是在span标签上面,这种情况,把@click点击事件绑定到span上测试一下就好了,如果是被覆盖了,加个这个,.stop 阻止一下冒泡就行了@click.stop="toClick($event)"

2. 还有一种可能被默认事件阻止了,我们加个这个就能解决,.native

@click.native='toClick(index)'文章来源地址https://www.toymoban.com/news/detail-625457.html

到了这里,关于Vue点击事件失效的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Bug:elementUI样式不起作用、Vue引入组件报错not found等(Vue+ElementUI问题汇总)

    1. Vue引用Element-UI时,组件无效果解决方案 前提: 已经安装好elementUI依赖 如果此时发现element的组件依然没起效果,原因:未引入css样式文件 当前效果: 预期效果: 解决办法:在main.js中引入css文件 2. Vue引入components报错:export xxx not found 在pages文件夹的Register.vue页面中引入

    2024年02月07日
    浏览(43)
  • JS javascript 点击鼠标 鼠标事件 获取元素 获取元素Xpath

    js代码,鼠标在页面点击时,记录元素的Xpath 代码:  

    2024年02月15日
    浏览(49)
  • vscode切换行注释快捷键“ctrl+/“失效、不起作用的处理办法

    今天在使用\\\"ctrl+/\\\"行注释快捷键的时候失效,不起作用,于是去vscode的键盘快捷方式里查找是否有按键冲突,结果在录制按键的时候始终打不出\\\"ctrl+/\\\",只能打出\\\"Ctrl\\\"(见下图) 这代表不是vscode内部导致的快捷键冲突,而是其他软件的快捷键冲突,最后发现是输入法的快捷键冲突

    2024年02月05日
    浏览(50)
  • vue项目为例解决element ui 时间选择器 picker使用样式穿透不起作用问题

    今天在开发中 需要修改时间选择器弹出的这个组件的样式 但这个东西比较坑爹 首先 不能影响其他组件 就是其他组件用了时间选择器 不能受到我们写的样式的影响 那么 就只好穿透了 但你会发现 这东西是作用与body下的 就很坑 穿透我试了挺久的 不起作用 但官方文档有提供

    2024年02月05日
    浏览(41)
  • vue项目中beforeDestroy和destroyed 钩子不起作用或者说不生效的原因和解决办法

    项目中,在destroyed 写了东西,不生效,后来发现beforeDestroy也没走,就很好奇,为什么?进来的程序猿/程序媛是不是和我一样呢? ** ** 这时候排查原因,不断的找,最后发现,很简单,keep-alive的原因,keep-alive 是 Vue 的内置组件,当它包裹动态组件时,会缓存不活动的组件实

    2024年02月13日
    浏览(39)
  • Vue鼠标点击事件和键盘事件

    目录 Vue中的鼠标点击事件修饰符: vue的@click.prevent vue的@click.stop vue的@click.capture vue的@click.once vue的@click.self vue的@click.passive  vue的键盘相应事件 @keydown - 按下键盘上的任意一个键时触发的事件。 @keyup - 松开键盘上的任意一个键时触发的事件。 @keypress - 当按下字符键时触发的

    2024年02月06日
    浏览(94)
  • vue子元素点击事件与父元素点击事件冲突 子元素点击事件不触发

    在vue项目中,子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢? 解决方法:使用vue中的事件修饰符 vue为 v-on 提供了 .stop、.prevent、.self、.once等事件修饰符,当遇到子元素与父元素的事件冲突,就要

    2024年02月14日
    浏览(39)
  • 使用VUE实现点击事件

    1,使用ps对图片进行切片  2,切片好的图片保存为web所用格式  保存到桌面后进行使用 1.将准备好的图片拖进web文件中进行使用 2.代码部分 a.样式部分(根据图片进行设计大小格式,排序和整体样式.) b.div部分 c.组件部分

    2024年02月05日
    浏览(39)
  • vue拼接html点击事件不生效

    vue使用ts,拼接html,点击事件不生效或者报  is not defined 点击事件要用 onclick 不是 @click   解决方法:

    2024年02月14日
    浏览(59)
  • vue-echarts饼图/柱状图点击事件

    在实际的项目开发中,我们通常会用到Echarts来对数据进行展示,有时候需要用到Echarts的点击事件,增加系统的交互性,一般是点击Echarts图像的具体项来跳转路由并携带参数,当然也可以根据具体需求来做其他的业务逻辑。下面就Echarts图表的点击事件进行实现,文章省略了

    2024年02月06日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包