关于vue3，使用wx-open-launch-weapp，提示... ＜wx-open-launch-weapp＞ is missing

最新推荐文章于 2024-06-06 15:29:15 发布
最新推荐文章于 2024-06-06 15:29:15 发布
阅读量687 收藏 9
点赞数 7
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qianduan22/article/details/136169428
版权

折腾了好久，终于搞定了，

官方文档是针对vue2的，vue3要使用component内置组件，尤其是vue3的版本超过3.1.0的

<wx-open-launch-weapp username="" path="">
  <component :is="'script'" type="text/wxtag-template">
    <div style="width: 40rem; height: 5rem" />
  </component>
</wx-open-launch-weapp>

之前可能是我升级了vue的版本，导致超过了3.1.0导致的。

感谢原帖子给的思路：vue.js - Vue3如何在template插入script标签 - SegmentFault 思否

qianduan22
关注
  • 7
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
vue3项目wx-open-launch-weapp使用
xueyawuhai的博客
06-23 2277
wx-open-launch-weap 第一步：weixin-js-sdk 第二步：拉取wx.config的权限验证配置 点击跳转微信jssdk配置文档例如H5中要跳转对应的小程序去，使用小程序跳转标签wx-open-launch-weapp 第三步：使用示例v-is指令渲染script标签 由于实际情况wx-open-launch-weapp 的样式不好调试，并且实际情况按钮往往是一张图片，所以把上面的代码做成组件，绝对定位覆盖在按钮图片上面。...
微信公众号跳转小程序 wx-open-launch-weapp (最全指南及坑)
热门推荐
grootbaby
04-30 4万+
微信公众号使用 wx-open-launch-weapp 开放标签跳转小程序 注意事项 微信开放标签有最低的微信版本要求，以及最低的系统版本要求。 微信版本要求为：7.0.12及以上 系统版本要求为：iOS 10.3及以上、Android 5.0及以上 使用步骤 1. 绑定域名 微信安全域名只能修改绑定3次/每月 登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 2. 引入JS文件 在需要调用JS接口的页面引入如下JS文件：http://res.wx.qq.co
vue3项目中使用微信开放标签wx-open-launch-weapp实现点击跳转到微信小程序
Annie的博客
08-22 5936
一、vue.config.js配置 在vue项目中，直接使用微信开放标签会报错，所以要配置忽略对微信标签的校验，在 vue.config.js 中增加如下配置。 module.exports = { //...其他配置 chainWebpack: config => { config.module .rule('vue') .use('vue-loader') .tap(options => { options.compile...
＜wx-open-launch-weapp＞ 失效不显示问题（已解决）
最新发布
宇珩的博客
06-06 706
失效不显示问题（已解决）
Vue使用wx-open-launch-weapp跳转小程序
Mr_C_C的博客
08-26 5799
最近遇到个需求，公众号没有授权手机号的操作，所以需要跳转到小程序获取手机号，查看了微信的官方文档，翻到了这个wx-open-launch-weapp h5跳转小程序。 奉劝各位，看文档一定要仔细啊????。 看了半天文档，又在网上折腾了一番，终于搞出来了，废话不多说，直接上代码。 官方给出的demo是这个样子的： <wx-open-launch-weapp id="launch-btn" username="gh_xxxxxxxx" path="pages/home/index?
微信公众号跳转小程序 wx-open-launch-weapp，在vue3+vite中使用 (多个问题集锦)
DTCloud
03-29 657
写这篇文章为了解决现在没有⼀个合集 ，所以我参考其他文档， 及自己的测试最后得出完整的方案。
VUE使用 wx-open-launch-app 组件开发微信打开APP功能
10-14
主要介绍了VUE使用 wx-open-launch-app 组件开发微信打开APP功能,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
vue3中使用wx-open-launch-weapp
qq_40039641的博客
06-26 2339
vue3中公众号跳转小程序的开放标签使用
vue3使用小程序的wx-open-launch-weapp
大赚万万亿
02-11 2115
理论是vue3需要显示配置需要被忽略的标签,但实际测试下来,就算注释之,也可以正常使用. 忽略标签方法说明全局 API | Vue.js const vueIns = Vue.createApp({}) vueIns.config.compilerOptions.isCustomElement = tag => tag.startsWith('wx-open-launch-weapp') 在.vue文件中,按下方格式编写,关键点就是vue3要用v-is <wx-open-lau...
使用vue（mpvue）开发微信小程序
YanzYan的博客
05-09 9903
这两天的真的涨姿势了，最近在学vue，巧了，男票公司也在用vue写项目（他是安卓工程师，也是够了，安卓和ios也开始vue旅程了）。聊着聊着他说他们的项目是用vue开发的小程序？当时想的是小程序不是有自己的api吗？结果第二天一查，我去，原来有个mpvue框架，真的可以实现使用vue的语法实现微信小程序了（开心啊！！） 双手奉上官方文档：http://mpvue.com/mpvue/#_1 ...
wx-open-launch-app微信浏览器打开指定app app指定页面 vue3
05-17
主要适用于 微信中的分享 在微信浏览器中 打开指定app 一般是用于uniapp的开发的app 当然其他的原生开发的app 也可以作为参考 都是源码 请自行参考 注释的都是可以自行替代 已经上线 源码没有bug
HTML5跳转小程序wx-open-launch-weapp的示例代码
11-19
微信安全域名只能修改绑定3次/每月 登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 引入JS文件 在需要调用JS接口的页面引入如下JS文件：...
vue-d3-network：使用d3-force绘制网络图的Vue组件
02-06
vue-d3-网络 Vue组件使用d3-force绘制图形网络 演示版 产品特点 SVG渲染 画布渲染 链接和节点选择 svg <->通过CSS共享画布样式 屏幕截图，导出为svg或png（svg渲染器），导出为png（画布渲染器） 触控支持 安装 ...
vue中使用WX-JSSDK的两种方法(推荐)
10-15
主要介绍了vue中使用WX-JSSDK的两种方法,每种方法通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
wx-open-launch-weapp h5跳转微信小程序 提示信息不完整，无法启动的解决方案
weixin_41606022的博客
06-05 1553
解决方案： 必须要先加载wx.config再写wx-open-launch-weapp标签 因为二者是异步的，如果直接在html里写wx-open-launch-weapp标签，会因为wx.config还没执行导致信息不完整 正确的操作： 在wx.ready中$(’#xx’).append插入wx-open-launch-weapp标签，为了这个坑研究了两个小时，醉了 ...
vue使用wx-open-launch-weapp
CherryCola_zjl的博客
12-14 1万+
页面报错找不到模板wx-open-launch-weapp,可以在main.js配置下面是实测可用代码，替换接口就ok。username替换成你的小程序原始IDstylewidth100%;height100%;paddingclass"btn"
公众号跳转小程序 wx-open-launch-weapp
2301_76265340的博客
10-13 592
我的使用的是vue3框架，以下是vue3写法。先看一遍这个，接下来写的时候才不会懵逼。1. 先导入上面下载的 js - sdk。上面四步都没问题了在进行写代码。点击之后出现以下图片就是成功了。
微信公众号正确使用开放标签wx-open-launch-weapp
qq_42660374的博客
03-17 2976
7.2、如果你动态向浏览器url上添加了一些参数，在ios上面可能会出现签名失败的问题，可以在你跳转的方法上，添加参数之后再进行跳转，可解决这个问题（这个问题的原因是，跳转到当前页时，你的参数可能是异步添加的，参数还未添加时，发送给微信的是当前地址，等你异步添加参数后，这时候的地址与发送给微信的地址不一致，就会出现签名错误情况。“安卓系统不会出现该情况”）；1）在wx-open-launch-weapp同级添加一个标签，样式写在该标签上，wx-open-launch-weapp标签绝对定位，透明度为0；
vue中使用<wx-open-launch-weapp >
09-15
在 Vue 中使用 `<wx-open-launch-weapp>` 组件时，你需要按照以下步骤进行操作： 1. 首先，确保已经在项目中引入了微信小程序的相关 SDK。 2. 在 Vue 组件中，可以直接使用 `wx-open-launch-weapp` 标签来包裹需要...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值