标签：back vue 上时 myChart H5 router null app 页面

最近做了一个项目，是用H5进行开发，然后嵌入到APP中。

但是嵌入后，出现了以下问题：

1.左上角返回按钮history.back()返回上一页失败。

解决方法：改成

import { useRouter } from "vue-router";
const router = useRouter();
const onClickLeft = () => router.back();

即可。

2.页面显示雷达图后，离开页面重新进入不显示雷达图。

解决方法：

定义个myChart变量

let myChart = null;

给myChart赋值图表init方法的结果。

myChart = echarts.init(chartDom, null, setEchartH);

离开页面时销毁图表。

import { onBeforeRouteLeave, onBeforeRouteUpdate } from "vue-router";
onBeforeRouteLeave((to, from, next) => {
  myChart.dispose();
  next();
});

该问题的原因是离开页面canvas没有被销毁导致第二次进页面无法显示。

标签：back,vue,上时,myChart,H5,router,null,app,页面
来源： https://www.cnblogs.com/luoyihao/p/16284850.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。