本人之前做的电子健康卡是前后不分离那种 php项目,然后现在vue版本的医疗项目,也要加入电子健康卡,所以就有了下面的封装 判断是否有电子健康卡、跳转全套
前后不分离的项目,跳转健康卡是一切正常的,随便跳,而且点击真机后退键的时候也是正常的
因为跳转是通过php服务端直接跳转,所以不会经过前端
遇到的坑:
前后分离的项目,加入电子健康卡会产生多次跳转bug、以及真机后退有bug问题,也已经解决。
下面进入主题:
getWechatCode.vue 文件
<template>
<div class="getWechatCode">
<!-- 正在授权获取电子健康卡请稍后... -->
</div>
</template>
<script>
export default {
name: 'getWechatCode',
data () {
return {
query: this.$route.query, //获取wechatCode
fromPath: sessionStorage.getItem('fromPath') ?? '/my-info', //根据路由拦截
}
},
created () {
this.$toast.loading({
overlay: true,
duration: 0,
message: '请稍候...'
});
},
async mounted () {
await this.$nextTick();
console.log("getWechatCode:", this.query)
console.log("fromPath:", this.fromPath)
console.log("$route:", this.$route)
this.$toast.cl