<body>
<wx-open-subscribe template="TenvU22BA1jCp4YHfYEpRuESXYReQyDuhs4vbdWA99I" id="subscribe-btn">
<script type="text/wxtag-template" slot="style">
<style>
.subscribe-btn {
color: #fff;
background-color: #07c160;
}
</style>
</script>
<script type="text/wxtag-template">
<button class="subscribe-btn">
一次性模版消息订阅
</button>
</script>
</wx-open-subscribe>
</body>
按钮不显示是怎么回事？其他的配置都正常，wx.config正常
wx.config({
debug : true,
appId : '${data.appId}',
timestamp : '${data.timestamp}',
nonceStr : '${data.nonceStr}',
signature : '${data.signature}',
jsApiList : [ 'checkJsApi', 'chooseImage' ],
openTagList : [ 'wx-open-subscribe', 'wx-open-audio' ]
});
你好，无法显示订阅标签的问题
1、请注意更新到最新版的开发者工具，下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
2、请确认 wx.config 里有申请开放标签的权限，参考文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html
3、如仍未调试成功，请提供具体的可复现链接，appid、代码、报错信息和截图。
appID: wx7997492fe1762cfa
window.wx.ready(function () {
alert("注册api成功-");
success && success();
});
已经可以弹出注册成功，但是wx-open-subscribe标签不显示。
还需要其他配置吗？另外template id就是测试号管理里面任意一个模板ID吗？
<script setup> import wx from 'weixin-js-sdk'; import { fetchSignature } from '../api'; async function init() { const paramsData = { url: window.location.href, apis: ['checkJsApi'] }; const [err, res = {}] = await fetchSignature(paramsData); if (!err && res) { wx.config({ ...res, openTagList: ['wx-open-subscribe'] // 可选，需要使用的开放标签列表，例如['wx-open-launch-app'] }); wx.ready(function () {}); wx.error(function err(error) { console.log('微信订阅失败：', error); }); } } // 订阅成功 function operateSuccess(e) { console.log(e); Notify({ type: 'success', message: '订阅成功' }); } // 订阅失败 function operateError() { Notify({ type: 'error', message: '订阅失败' }); } init(); </script> <template> <van-cell class="card !bg-#FFF9E6"> <div class="flex-y-c justify-between"> <h4 class="my-0 text-[15px] text-#F3B501">昨日预警日报</h4> <wx-open-subscribe template="TenvU22BA1jCp4YHfYEpRuESXYReQyDuhs4vbdWA99I" id="subscribe-btn" @success="operateSuccess" @error="operateError" > <!-- <component :is="'script'" type="text/template"> <van-button class="subscribe-btn bg-#F3B501 text-#fff rounded-[5px]" size="small">订阅通知</van-button> </component> --> <van-button type="text/template" class="subscribe-btn bg-#F3B501 text-#fff rounded-[5px] !border-transparent" size="small" >订阅通知</van-button > </wx-open-subscribe> </div> </van-cell> </template>两个问题，vite+vue3下使用服务订阅通知开放标签wx-open-subscribe；
1、根据文档中介绍使用，使用<script type="text/wxtag-template"></script>标签包裹自定义元素按钮，直接报错，无法使用，使用vue动态标签元素进行适应，但是页面上这个标签直接无法显示；
2、改为直接使用自定义元素内容，可成功进行订阅，但是自定义元素内容及样式不生效，微信浏览器上直接形成一个绿色的去订阅按钮，使用开发者工具审查，发现是开放标签下面插入了一个iframe标签，而且有时候这个标签还无法找到，不知是何原因？
浏览器下：
微信开发工具及手机微信下：