wechart微信小程序遇到的问题总结(一)

  • 一、如何从vue项目跳回到微信小程序页面
    • 1、步骤
      • (1)在VUE项目中引入跳转到微信小程序需要的api模块连接
      • (2)在事件函数中调用微信小程序跳转api
    • 2、完整vue页面代码示例
  • 二、项目中某一天发现wx.config为undefined
    • 原因
    • 因此
    • 解决

一、如何从vue项目跳回到微信小程序页面

1、步骤

(1)在VUE项目中引入跳转到微信小程序需要的api模块连接

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

(2)在事件函数中调用微信小程序跳转api

toback(){wx.miniProgram.switchTab({url: '/pages/survey/survey', //你要跳转的微信小程序页面路径});
}

2、完整vue页面代码示例

<template><div class="back" @click="toback"><img src="../../assets/img/questionnaire/back.png" alt="" width="64px"></div>
</template>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script>
export default {methods: {toback(){wx.miniProgram.switchTab({url: '/pages/survey/survey',});}}}
</script><style>
.back {cursor: pointer;position: fixed;z-index:999;right: 10px;bottom: 100px;
}
</style>

二、项目中某一天发现wx.config为undefined

原因

全局index.html引入了

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

局部引入了: import wx from ‘weixin-js-sdk’

因此

全局wx影响了局部的引用,使得局部的wx为undefind

解决

根据原因,在自己的项目中调整引用的方式

wechart微信小程序遇到的问题总结(一)相关推荐

  1. 爬去微信小程序服务器代码,微信小程序反编译及源码抓取(2021最新)

    网易 Mumu 模拟器安装 下载完安装包后直接安装 打开模拟器 安装 微信.RE文件管理器 设置Root 权限 打开 RE文件管理器,提示请求超级用户访问权限,选择允许 到此准备工作完成. 打开微信, ...

  2. 微信小程序反编译及源码抓取(2021最新)

    网易 Mumu 模拟器安装 下载地址: http://mumu.163.com/360/ 下载完安装包后直接安装 打开模拟器 安装 微信.RE文件管理器 设置Root 权限 打开 RE文件管理器,提示 ...

  3. 微信小程序app.js给全局变量globalData赋值

    微信小程序app.js 中,从数据库读取登录数据后,想把登录信息变为全局遍历,这里为globalData赋值和其他的页面赋值不同. 需要先定义 that=this  之后用that.globalDat ...

  4. 详细的微信小程序学习笔记(从入门到项目)(1)

    微信小程序(1) 准备工作 获取 AppID(小程序ID) 登录微信公众平台,新建一个邮箱,避免旧有的邮箱有注册过公众号等.无法获取. 进行小程序的注册. 选择个人, 然后填写信息.进行登录之后, 在 ...

  5. 微信小程序 登录 服务器 c,asp.net core 3.x 微信小程序登录库(也可用于abp)

    库版本.net core 3.1 我的abp版本:abp5.3 .net core 3.1 请先看微信小程序官方文档.下面说说abp中如何使用.原生asp.net core可以参考实现 服务端配置 1 ...

  6. 微信小程序页面之间数据传递

    微信小程序跳转界面传递数据,要传递的数据拼接在url 后面实现 下面看一个简单的demo 传递数据 要传递界面 wxml <!--index.wxml--> <view class= ...

  7. 微信小程序web-view使用

    web-view 可以是微信小程序支持嵌套网页 例如想 嵌套百度可以这样 <view ><web-view src="https://www.baidu.com/s?ie= ...

  8. 微信小程序下拉刷新和上拉加载

    效果图 微信小程序实现下拉刷新和上拉加载有2中方法 1 用系统自带的 个人感觉特别简单 2 使用scroll-view  实现, scroll-view 里面有2个属性是滑动到顶部以及到底部如下 其实 ...

  9. 微信小程序bindtap 与 catchtap 是使用

    如果写小程序对二者不理解的,那看到这边博客,将很快帮助到您, 个人总结的一句话:,bindtap点击事件在同一个view中会向上冒泡,而catchtap 不会向上冒泡 下面会有一个demo给出解释, ...

最新文章

  1. python试题for循环布尔值_Python自我修炼(升仙中....整数,布尔值,字符串,for循环)
  2. Codeforces Round #383 (Div. 1) C(二分图)
  3. linux-shell数据重定向详细分析
  4. 计算机复位启动如何操作,电脑能开机但进入不了系统,怎么办?按什么键能恢复系统?...
  5. iam身份验证以及访问控制_如何将受限访问IAM用户添加到EKS群集
  6. 准备入行Web前端,又担心适不适合,怎么办?
  7. POJ1007 UVA612 UVALive5414 ZOJ1188 HDU1379 Bailian4086 DNA Sorting【排序+逆序数】
  8. 系统学习机器学习之增强学习(四)--马尔可夫决策过程策略MC求解
  9. 【综述阅读】Ad hoc网络路由相关的几篇综述
  10. shell 命令管理tomcat
  11. 倍福PLC控制台达EtherCAT伺服案例分析
  12. 2019年计算机视觉综述论文汇总
  13. 微信文章图片反防盗链解决方案
  14. 硬盘克隆带linux系统,使用Linux dd命令作硬盘克隆
  15. 如何计算802.11 PHY Data Rate (11ac/11ax)
  16. 蓝牙篇之蓝牙核心规范学习笔记(V5.3)汇总
  17. 编译提示“/usr/bin/ld: cannot find -lgflags-shared“错误的解决办法
  18. 【JavaWeb】JSP技术详解
  19. 【论文阅读及复现】(1998)无网格线探索布线算法 + Python代码实现
  20. 计算机休眠会断电吗,电脑休眠后到底可不可以切断电源!!是还是不是啊??

热门文章

  1. 前端参数效验防止sql注入的方法
  2. 原生js之fetch
  3. 华为HCIE学习备份笔记
  4. unity-小球酷跑(日常课程)
  5. MangoDB详解及用法,在C#中使用MangoDB
  6. 淘宝开源平台“ 淘蝌蚪”正式上线
  7. c语言 while后面加,下面代码的C语言中while(x)是什么意思
  8. 【java项目学习笔记】Java学生管理系统(纯后端基础--增删改查)
  9. 2078. 两栋颜色不同且距离最远的房子
  10. 强烈推荐:程序员遇到瓶颈期该怎么解决?