使用vue编写h5公众号跳转小程序

最新推荐文章于 2025-06-09 16:12:30 发布

摆烂兔

最新推荐文章于 2025-06-09 16:12:30 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

文章标签： html5

本文链接：https://blog.csdn.net/qq_38337245/article/details/110120608

前言：我使用vue编写的h5公众号，实现点击小程序入口，打开小程序，微信官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html

要求：微信版本要求为：7.0.12及以上。系统版本要求为：iOS 10.3及以上、Android 5.0及以上。

跳转小程序主要的标签是 wx-open-launch-weapp

第一步在vue项目下public文件夹下的index.html页面，引入微信配置文件，我直接在body标签引入

<body>
    <noscript>
      <strong>We're sorry but default doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
	<!-- 引入微信配置文件 -->
	<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  </body>