项目打包后点击不了？

最新推荐文章于 2024-01-31 11:01:48 发布

李夏梨

最新推荐文章于 2024-01-31 11:01:48 发布

阅读量289

点赞数

分类专栏：前端文章标签：前端 css

本文链接：https://blog.csdn.net/m0_51423808/article/details/126782967

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

## 最近开发时遇到了个奇怪的bug, 项目在本地运行的正常。打包成发布测试环境时发现页面所有标签导航都点击不了。

经过排查后发现，进入该项目后鼠标事件失效了。

css中有个属性：pointer-events

pointer-events

属性介绍：设置元素是否对指针事件做出反应。默认值为auto

## 项目打包后弹框属性被添加了：pointer-events: none

## 导致页面的body部分对指针点击事件不作出反应

修改为：

el-loading-parent--relative {
    pointer-events: auto !important;
}

修改后就回复正常了

比较冷门希望对你们有所帮助

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

李夏梨

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
项目打包后点击不了？

项目打包后点击不了？链接还是导航栏都点不了？
复制链接

扫一扫

专栏目录

Vue3项目打包后部署到服务器请求不到后台接口解决方法

10-15

本文将详细介绍如何解决Vue3项目打包后部署到服务器请求不到后台接口的问题。首先，我们要理解问题的根本原因。在本地开发时，我们通常会使用Vue CLI的`vue.config.js`配置文件中的`devServer.proxy`选项来设置...

springBoot项目打包idea的多种方法

08-18

Spring Boot 项目打包 IDEA 的多种方法本篇文章主要介绍了 Spring Boot 项目打包 IDEA 的多种方法，通过实例代码详细介绍了 War 包和 Jar 包两种打包方法，对大家的学习或工作具有一定的参考借鉴价值。 War 包...

参与评论您还未登录，请先登录后发表或查看评论

Vue.js打包后部分按钮无法正常显示

weixin_44202529的博客

07-03

1569

前段时间学习了Vue.js，并找了一个小项目练手，最后打包上线的时候发现了一些问题，在开发环境下，所有的模块都很正常，但是在生产环境下却有部分按钮无法正常显示。在Vue.js中，按钮的功能一般是通过作用域插槽来实现的，作用域插槽可以使按钮能对一些数据进行相应的操作。在我的项目中，我有部分按钮不需要传递参数，所以没有使用作用域插槽。代码如下： <template> <el-button type="primary" icon="el-icon-edit" size="mini"

electron打包swf无法点击input框获取光标

qq_39738977的博客

01-12

1019

Electron加载flash点击输入框(input)获取不到光标使用webview加载flash，可以是相对路径，也可以是绝对路径，在webview的src中写上即可。*注意：src加载是swf文件，不加载html。这样就可以解决input点击获取不到光标使用embed 标签加载swf文件，可以实现electron打包后的应用程序的全屏功能。embed可以设置允许屏幕全屏的配置 ...

Vue cli创建项目时键盘操作无效（箭头移动失效、交互提示符失效）

qq_42859450的博客

06-13

622

vue创建项目箭头不生效问题解决

electron打包后文件上传功能突然无法使用

weixin_40679578的博客

09-06

636

类数组

浏览器缓存带来的前端项目更新问题及解决方法

AwayFuture的博客

05-05

3749

先说一个前端开发中会遇到的问题，我们更新已上线的项目，用户的浏览器显示的却是旧版的页面，没有及时获取到我们更新的资源，这是什么原因造成的？此时，如果用户刷新一下页面，就得到更新后的资源，又是为什么？答案是浏览器缓存浏览器缓存是前端优化的一个重要问题，缓存可以带来很多好处：（1）减少冗余的数据传输，节省带宽；（2）减轻服务器的请求负担，有缓存...

idea打包项目

12-25

本文将详细讲解如何在Idea中将一个Spring Boot项目打包成WAR文件，并进行部署。首先，我们需要了解Spring Boot。Spring Boot是一个简化Spring应用程序开发的框架，它提供了开箱即用的配置，使得开发者可以快速创建...

C#项目打包vs2019版

01-08

本项目“C#项目打包vs2019版”聚焦于如何使用Visual Studio 2019来打包一个C# WinForms应用程序，使得最终用户能够方便地安装和使用。下面将详细阐述这一过程及其相关知识点。首先，我们要理解C# WinForms是.NET ...

java web项目打包.war格式

08-01

Java Web 项目打包是指将 Java 项目编译后的 class 文件、资源文件、配置文件等打包成一个 WAR 文件，以便于部署到 Web 服务器中。WAR 文件是一个压缩文件，包含了 Java 项目的所有必要文件，可以直接部署到支持 WAR...

解决electron打包后，无法读取数据库问题和对数据库进行写入操作页面白屏问题

Stephen_Joe的博客

11-29

3616

阅读此文章的前提是已经可以正常打包，并无异常的用户。我的环境：electron@8.2.3 打包工具： electron-builder@22.10.5 electron打包是不会把数据库打进去，所以每次打包成功后打开会报unable to open database file的错，要解决此问题，需要设置打包的时候将数据库文件拷贝到根目录然后，通过判断是否打包，来重新指定数据库文件路径这个app.isPackaged是electron的变量，直接使用即可到此，数据库就可以连接..

Vue jsx onClick 点击事件无效，无法触发

japlus的博客

01-04

1802

在Vue3 环境中用@vue/babel-plugin-transform-vue-jsx 就会导致onClick 事件失效 Vue2 用 @vue/babel-plugin-transform-vue-jsx 插件 Vue3 用@vue/babel-plugin-jsx 插件

在Vue中@click方法不起效

最新发布

m0_52228992的博客

01-31

1044

在跟项目的时候，我们可能会遇到我们click点击时，需要执行多个操作，如：调用方法，修改变量等。举个例子，像这样，我们在管理项目中想要编辑某一值，编辑好后，我们希望我们的点击可以关闭弹窗的同时，将修改的值返回到后台。这时候，就可能出现点击方法不起效的情况。当然我是根据自己的来说的，情况可能不同。我在调用单方法时，一般这么写。语法问题，当点击事件包括调用方法，改变变量值时。但是，像文中这种情况却不太适用。

vue v-html 中@click 和 class 不生效问题解决方案

射手男很懒的博客

09-14

5631

vue v-html 中html标签中@click 和 class 不生效问题解决方案前端用v-html解析渲染html标签能成功渲染，但click事件无法触发（vue没有将其作为vue的模板解析渲染）点击事件解决方案：将标签中的@click 改为 onclick，增加 created(){ window.test=this.test(); }, methods: { //标签中的点击事件 test() { }, } 点击事件就可.

Hbuilder打包的Vue项目App，点击页面的@click失效（better-scroll会阻止原生的click事件造成的）

江湖的博客

11-21

1747

在网上查找资料，原来是在项目里边使用了better-scroll插件造成的 this.scrollEl = new BScroll(this.scrollEl.nativeElement, {click: true}); 一开始的点击事件被Bscroll阻止了，设置这个才能点击...

nodejs+vue+element+eachers构建开源项目大型连续剧（5）前端请求封装，完成用户注册。

ct5211314的博客

01-10

1141

nodejs+vue+element+eachers构建开源项目大型连续剧（5）前端请求封装，完成用户注册。

添加了click事件不响应

weixin_34026276的博客

02-12

338

https://stackoverflow.com/questions/18897807/on-click-event-on-td-created-dynamically 按照这个，给td添加click事件，但是没有反应。发现是因为没有引用JQuery导致的问题，无法识别$。在Chrome的后台(F12)查看，Console里面，显示$未定义。需要在script的最前...

@click不起作用，同时报错

zz18256889177的博客

07-30

513

点击报错： _vm.gotoExpense is not a function Error: _vm.gotoExpense is not a function at http://127.0.0.1:24333/appservice/common/vendor.js:1186:23 at Array.forEach () at http://127.0.0.1:24333/appservice/common/vendor.js:1171:23 at Array.forEach () at Je.hand

如何解决前端上线之后用户页面不刷新的问题

Kevinblant的博客

08-18

5914

这种场景就好像是 App 版本更新似的，每次上线都要定义一个版本，这个版本通过后端接口进行修改和获取，但是需要前端和后端一起配合，以及一整套流程控制，数据表维护等。实现起来相对来说较麻烦，需要一定时间。...

怎么.将JavaWeb项目打包成war文件？

05-17

将JavaWeb项目打包成war文件，需要按照以下步骤进行操作： 1. 在Eclipse中，选择File -> Export -> Web -> WAR file。 2. 在弹出的“Export”对话框中，选择需要导出的Web项目。 3. 在“Destination”选项中，选择要将WAR文件保存的路径和文件名。 4. 在“Options”选项中，可以选择是否包含源代码、生成JAR文件等配置项。 5. 点击“Finish”按钮，Eclipse将会自动将Web项目打包成WAR文件，并保存到指定的路径中。完成上述步骤后，您就成功将JavaWeb项目打包成WAR文件了。