uniapp使用微信jdk跳转小程序

风中有你406

已于 2024-02-26 09:59:51 修改

阅读量607

点赞数 17

文章标签： uni-app 微信

于 2024-02-26 09:55:52 首次发布

本文链接：https://blog.csdn.net/weixin_65344200/article/details/136291912

版权

uniapp打包的H5项目中产生了跳转小程序的需求，查了官方文档后发现官方给出的wx-open-launch-weapp标签在uniapp打包H5时会出现报错template中不可以使用script，官方给出的方法是把script改为template直接用template即可，但尝试后发现是不报错了，但是按钮还是没有显示，后发现需要把wx-open-launch-weapp标签中必须用 v-is="'script'，内部样式必须使用定位，后成功。

注意：wx-open-launch-weapp标签中必须用 v-is="'script'"，内部必须使用定位

 <view class="btn_content">
        <div class="normal_btn buy_info"></div>
        <wx-open-launch-weapp ref="launch_btn" username="gh_faa699366f31"
        :path="'pages/index/index?' + wx_parameter" :env-version="env_version"
        style="position:absolute;left:0;top:0;width:100%;height:100%;z-index: 55;">
        <div v-is="'script'" type="text/wxtag-template">
        <div              style="position:absolute;left:120rpx;top:30rpx;width:100%;height:100%;width: 60%;height: 40%;background-color: #FE2F35;color: white;display: flex;align-items: center;justify-content: center;border-radius: 50px;z-index: 55;">进入小程序</div>
        </div>
        </wx-open-launch-weapp>
        <div class="btn_content_q">取消</div>
</view>