微信 h5页面 跳转微信小程序 wx-open-launch-weapp 的使用标签常出错的地方。

首先请阅读官方文档

https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html

文章中提到的,原则上这里不再提示。

  1. 请确保小程序是已认证的非个人主体的小程序,或者已认证的服务号
  2. “JS接口安全域名” 已经绑定。

问题:按照官方文档写的样式没有出现

文档用例:

<wx-open-launch-weapp
  id="launch-btn"
  username="gh_xxxxxxxx"
  path="pages/home/index.html?user=123&action=abc"
>
  <template>
    <style>.btn { padding: 12px }style>
    <button class="btn">打开小程序button>
  template>
wx-open-launch-weapp>

使用内联样式可以解决这个问题。

<wx-open-launch-weapp
  id="launch-btn"
  username="gh_xxxxxxxx"
  path="pages/home/index.html?user=123&action=abc"
  style="内联样式"
>
  <template>
    <button class="btn" style="内联样式">打开小程序button>
  template>
wx-open-launch-weapp>

问题:静态h5页面好用,使用vue就没有效果。

解决办法:修改 标签。更换为

你可能感兴趣的:(小程序)