uniapp中微信h5跳转小程序 wx-open-launch-weapp

我们项目中需要往小程序端引流，所以加了这个功能，七月份的时候听说微信出了一个开放标签，可以实现微信内h5往小程序的跳转，当时忙就一直没做，现在终于下手了

首先一定要认认真真阅读官方文档
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html
我就是没有仔细读，然后jssdk引入版本不对，卡了两天

image.png

image.png

代码如下

 <wx-open-launch-weapp id="launch-wxapp" :username="小程序原始id"
                                          path="跳转到小程序的页面后面可拼参数">
                        <script type="text/wxtag-template">
                            <style>
                                .btn-open-weapp {
                                    background: #fdc010;
                                    border: 0;
                                    color: #ffffff;
                                    border-radius: 50px;
                                    text-align: center;
                                    height: 35px;
                                    line-height: 35px;
                                    outline:none;
                                    padding: 0px 40px;
                                    font-size: 14px;
                                }
                            </style>
                            <button class="btn-open-weapp">立即前往小程序 </button >
                        </script>
                    </wx-open-launch-weapp>