uniapp h5 echarts 打包后图表点击失效/及其他失效

文章目录

  • 期望效果
  • 实际效果
  • 环境
  • 引入echarts方式
  • 解决方法：
    • 注意
  • 原因
  • 多说一句在h5打包的时候将 history 改为 hash 不然在浏览器打开后刷新会404

期望效果

在这里插入图片描述

实际效果

在这里插入图片描述

环境

pc端 window11
hbuilderx版本 3.8.12
echarts版本 5.4.3

引入echarts方式

npm install echarts

解决方法：

在main.js 加上

window.wx = undefined

注意

window.wx = {} // 开发正常 打包后 图表点击等也会失效
window.wx = null 会报错
在这里插入图片描述

原因

打包后自动检测环境，会优先走到 wx里去。进去就不出来了。拉都拉不出来那种。所以重写一下wx

多说一句在h5打包的时候将 history 改为 hash 不然在浏览器打开后刷新会404

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/81573.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

华为云云服务器云耀L实例评测 | 从零开始：华为云云服务器L实例使用教程

华为云云服务器云耀L实例评测 | 从零开始：华为云云服务器L实例使用教程

🌷🍁 博主猫头虎（🐅🐾）带您 Go to New World✨🍁 🦄 博客首页——🐅🐾猫头虎的博客🎐 🐳 《面试题大全专栏》 🦕 文章图文…
阅读更多...
阿里云无影云桌面APP客户端下载（无影云电脑）

阿里云无影云桌面APP客户端下载（无影云电脑）

阿里云无影云电脑APP下载链接入口，支持iOS、Android、Windows、macOS和Web客户端，阿里云百科分享阿里云无影云电脑APP下载链接： 目录 阿里云无影云电脑APP下载链接入口 Windows客户端 macOS客户端 Web网页客户端 iOS客户端 Android客户…
阅读更多...
自动驾驶之高精地图介绍

自动驾驶之高精地图介绍

高精地图 文章目录 高精地图前言什么是高精地图高精数据分发引擎1.3 名词解释1. ADAS(Advanced DriverAssistance System)2. 为什么需要高精数据的分发引擎 高精数据分发引擎的建设高精数据分发引擎与ADAS应用的关系高精数据分发引擎架构高精数据分发引擎的模型表达路网模型的抽…
阅读更多...
详解API接口如何安全的传输数据

详解API接口如何安全的传输数据

概述 API接口的安全传输是确保数据在API请求和响应之间的传输过程中不被截获、篡改或泄露的重要步骤。以下是一些用于增强API接口安全传输的常见技术和最佳实践： 使用HTTPS：使用HTTPS协议而不是HTTP，以确保数据在传输过程中的安全性。HTTPS使…
阅读更多...
软件系统的预算评估方法

软件系统的预算评估方法

软件系统的预算评估是确保项目能够在预定时间和成本范围内完成的重要步骤之一。以下是一些常见的软件系统预算评估方法，希望对大家有所帮助。北京木奇移动技术有限公司，专业的软件外包开发公司，欢迎交流合作。 1.比较估算法： 这是…
阅读更多...
Spring 框架中用到的设计模式。常见设计模式总结以及其作用简要说明

Spring 框架中用到的设计模式。常见设计模式总结以及其作用简要说明

Spring 框架中使用了许多设计模式，以下列举⼀些⽐较重要的： 重点 ：单例、代理、⼯⼚、责任链 1、单例模式： Spring 的 Bean 默认是单例模式，通过 Spring 容器管理 Bean 的⽣命周期，保证每个 Bean 只被创…
阅读更多...
JMeter压测工具介绍、安装及汉化教程，详解安装目录结构

JMeter压测工具介绍、安装及汉化教程，详解安装目录结构

🧑‍💻作者名称：DaenCode 🎤作者简介：CSDN实力新星，后端开发两年经验，曾担任甲方技术代表，业余独自创办智源恩创网络科技工作室。会点点Java相关技术栈、帆软报表、低代码平台快速开…
阅读更多...
新一代最强开源UI自动化测试神器Playwright（Java版）（对话框处理）

新一代最强开源UI自动化测试神器Playwright（Java版）（对话框处理）

🎭Playwright让网页对话框🌐💬处理变得更加快捷！网页对话框是在网页上出现的常见弹窗，包括Alert、Confirm和Prompt等。这些对话框通常需要用户输入信息或进行某些选择，但是在自动化测试中处理它们可能会很棘…
阅读更多...
KVM嵌套虚拟化实现

KVM嵌套虚拟化实现

KVM嵌套虚拟化实现 理论 Libvirt主要支持三种 CPU mode host-passthrough: libvirt 令 KVM 把宿主机的 CPU 指令集全部透传给虚拟机。因此虚拟机能够最大限度的使用宿主机 CPU 指令集，故性能是最好的。但是在热迁移时，它要求目的节点的 CPU 和源节点的…
阅读更多...
jquery修改伪类元素的样式

jquery修改伪类元素的样式

$(.ant-input-group-wrap).hover(function() {$(this).css(color,red) });
阅读更多...
将修改后的代码从一个克隆的仓库推送到新的 GitHub 仓库（以ORBSLAM2_with_pointcloud_map仓库为例）

将修改后的代码从一个克隆的仓库推送到新的 GitHub 仓库（以ORBSLAM2_with_pointcloud_map仓库为例）

将修改后的代码从一个克隆的仓库推送到新的 GitHub 仓库 本文介绍了如何从一个已经克隆下来的 GitHub 仓库中，将修改后的代码推送到一个新创建的 GitHub 仓库。 前提条件 已经克隆了一个现有的 GitHub 仓库到本地。示例仓库为：https://github.com/gao…
阅读更多...
片上网络（1）概述

片上网络（1）概述

前言 NoC：On-Chip Networks，片上网络。 由于多核乃至众核时代的到来，用于连接它们的可扩展、低延迟、大带宽的通信结构变得至关重要。 在核心较少时，总线Bus和矩阵/交叉开关Crossbar是主要的互联结构。总线可以提供较低的传输延迟…
阅读更多...
JS中BigInt的使用

JS中BigInt的使用

JS中BigInt的使用 BigInt是一种内置对象，它提供了一种方法来表示大于2^53 - 1的整数，通俗来讲就是提供了一种可以表示任意大整数的方法，当我们使用Number来表示一个超过了2 ^53 - 1的整数的时候，会出错。所以此时我们需要使用Big…
阅读更多...
【Linux】网络协议：（序列化和反序列化）json 的安装和简单使用

【Linux】网络协议：（序列化和反序列化）json 的安装和简单使用

文章目录 1. 下载 json2. 基本使用value 类型&#xff1a;万能类型Writer 类型&#xff1a;序列化Reader 类型&#xff1a;反序列化 3. 使用举例 1. 下载 json yum makecache fast yum -y install jsoncpp-devel2. 基本使用 头文件&#xff1a; #include <jsoncpp/json/j…
阅读更多...
LeetCode(力扣)55. 跳跃游戏Python

LeetCode(力扣)55. 跳跃游戏Python

LeetCode20. 有效的括号 题目链接代码 题目链接 https://leetcode.cn/problems/jump-game/ 代码 class Solution:def canJump(self, nums: List[int]) -> bool:if len(nums) < 1:return Truecover 0for i in range(len(nums)):if i < cover:cover max(cover, i …
阅读更多...
免备案海外服务器有什么好处？

免备案海外服务器有什么好处？

介绍一&#xff1a;了解海外服务器免备案的优点 免备案海外服务器是指在国外搭建网站服务器而不是在国内备案&#xff0c;这种模式可以带来一定的便利 。首先&#xff0c;海外服务器免备案可以使网站更加稳定&#xff0c;因为国外网络环境更加稳定&#xff0c;大多数国外服务 器…
阅读更多...
Ubuntu 22.04 安装配置 flatpak

Ubuntu 22.04 安装配置 flatpak

Ubuntu 22.04 安装配置 Flatpak 安装 Flatpak sudo apt install flatpakFlatpak 仓库配置 官方仓库 https://flathub.org/repo/flathub上交大镜像 https://mirror.sjtu.edu.cn/flathub flatpak remote-add --if-not-exists flathub https://flathub.org/repo/flathub.flatp…
阅读更多...
CPU、内存、缓存、硬盘的定义和关系

CPU、内存、缓存、硬盘的定义和关系

CPU、内存、缓存、硬盘 文章目录 CPU、内存、缓存、硬盘1. CPU2. 内存3. 缓存4. 硬盘5. 数据交换过程 1. CPU CPU&#xff1a;CPU是中央处理器&#xff08;Central Processing Unit&#xff09;的缩写&#xff0c;中央处理器是一块超大规模的集成电路&#xff0c;是一台计算机…
阅读更多...
torch.from_numpy()函数（pytorch版）

torch.from_numpy()函数（pytorch版）

torch.from_numpy(ndarray) 的作用就是将生成的数组&#xff08;array&#xff09;转换为张量Tensor。 该方法等同于torch.Tensor(ndarray)。 举例说明&#xff1a; 单纯的torch.from_numpy(ndarray)方法。 import numpy import torchdata1 numpy.array([5, 6, 9]) print…
阅读更多...
三维模型3DTile格式轻量化压缩处理的数据质量提升方法分析

三维模型3DTile格式轻量化压缩处理的数据质量提升方法分析

三维模型3DTile格式轻量化压缩处理的数据质量提升方法分析 在处理三维模型3DTile格式的轻量化压缩时&#xff0c;如何在减少数据量的同时&#xff0c;保证或提升数据质量是一大挑战。以下为一些提升数据质量的方法分析&#xff1a; 改进几何简化算法&#xff1a;在进行几何简化…
阅读更多...
最新文章

Copyright @ 2022~2023