您现在的位置是:首页 > 正文

vue 点击事件失效检查办法

2024-02-01 03:57:19阅读 2

第一使用控制台检测

看你一下你的元素控件的真实size是不是根本没有撑起来
加上样式把界面撑起来

  height: 100%;
  width: 100%;

检测一下margin之类的

使用的控件本身问题

设计问题

例如vue控件vue-seamless-scroll 实现列表滚动效果 但是做页面自动滚动的时候 如果使用v-for给每个item添加点击事件后发现在滚动到第二遍的时候点击事件失效
原因是vue-seamless-scroll 自行复制了一份DOM 导致在复制的DOM出现的时候点击事件消失
先说一下这种每个item都加一个click函数是非常非常非常耗资源 不建议这样开发 解决办法使用委托事件
具体可以看一下这位博主
注意使用委托事件时要把所有想起效的控件加入bind
在这里插入图片描述

冒泡事件

点击事件被默认事件阻止了使用.native可以解决子组件阻止点击事件

总结

  1. 要么是作用范围设置不对,或者控件没有被撑起来
  2. 要么是使用第三方组件阻止事件
  3. 再者设计问题 自己百度看一下自己使用的组件有没有类似问题

网站文章

  • 电阻衰减网络计算(PI型和T型)

    电阻衰减网络计算(PI型和T型)

    以前比较懒,网上下载个计算器,手动将需要的值输进去,点下计算,结果就出来。从来没想过到底怎么算了,无意中看到一篇文章摘抄下来备用:若衰减器的电压衰减倍数 N = (U1/U2)和特征阻抗Zc决定,那么R1和R2可由下面公式计算得出:对于T型衰减器(上左):对于PI型衰减器(上右):下面举例说明:对于Zc=50oHm的阻抗网络中6dB PI型电阻衰减器的R

    2024-02-01 03:57:11
  • Flink使用(一) Streaming API处理有界流

    前提: 目前,Flink版本支持,批流处理使用一套API完成。 即,使用DataStreamAPI既能处理流数据,又能处理批数据(有界流)。 如何使用DataStream API处理数据,并且以BAT...

    2024-02-01 03:57:07
  • Python 字典(2)

    Python 字典(2)

    一、遍历字典一个字典可能会包含多个键-值对,字典可以以多种方式存储信息,因此有多种遍历字典的方式,比如键-值对、键、值。  1、遍历所有的键-值对  user_01 = {'username':'tizer','first_name':'joker','last_name':'pon',}  以上面的字典为例,遍历键-值对:  使用函数 items():...

    2024-02-01 03:56:38
  • element-ui的el-table,使用sortablejs改造成可拖拽排序

    element-ui的el-table,使用sortablejs改造成可拖拽排序

    element-ui的el-table,使用sortablejs改造成可拖拽排序。

    2024-02-01 03:56:31
  • 操作系统存储器管理实验报告_别只做CRUD程序员,收下这篇操作系统干货(一)!...

    操作系统存储器管理实验报告_别只做CRUD程序员,收下这篇操作系统干货(一)!...

    一、操作系统概念1.计算机系统组成任何一个计算机系统都是由两部分组成:计算机硬件和计算机软件。- 计算机硬件通常是由中央处理机(运算器和控制器)、存储器、输入设备和输出设备等部件组成。- 计算机软件包括系统软件和应用软件。系统软件如操作系统、多种语言处理程序( 汇编和编译程序等 )、连接装配程序、系统实用程序、多种工具软件等; 应用软件为多种应用目的而编制的程序。2.操作系统的非形...

    2024-02-01 03:56:24
  • 软件测试-测试的时候获取验证码的方式

    软件测试-测试的时候获取验证码的方式

    问开发他们创建的表在哪里,找到那个验证码的表,打开,就可以看到测试的时候用的电话号码返回的验证码。在测试服打开f12,再点击获取验证码,通过network找到相对应的url,找到验证码。我的学习之路任重道远,咱们下期见~~~

    2024-02-01 03:55:50
  • Java基础(方法重写——override)

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术:IDEA;...

    2024-02-01 03:55:38
  • 每日一题——v-if和v-show的理解

    每日一题——v-if和v-show的理解

    2024-02-01 03:55:09
  • winform前后端框架_Vue + .NetCore前后端分离的快速发开框架

    框架核心快速开发(基础功能全部由代码生成器生成)支持前端、后台自定义业务代码扩展,后台提供了大量常用扩展与通用类前端、后台提供了近300个扩展方法与属性,开发人员可在此功能上编写扩展自定义业务代码代码...

    2024-02-01 03:55:03
  • LeetCode--相关二叉树的例题与理解

    1、相同的树 给定两个二叉树,编写一个函数来检验它们是否相同。 如果两个树在结构上相同,并且节点具有相同的值,则认为它们是相同的。 示例 1: 输入: 1 1 / \ / \ 2 3 2 3 [1,2,3], [1,2,3] 输出: true 示例 2: 输入:...

    2024-02-01 03:54:57