// 真实的appid用XX代替
<div class="wx-opens" id="wxOpenInAPP">
<wx-open-launch-app
:id="wx_id"
class="launch-btn"
appid="XXXXXXX"
extinfo=""
>
<script type="text/wxtag-template">
<style>
.open-app{
padding: 5px 15px;
color: #F35119;
background-color: #fff;
border-radius: 5px;
}
</style>
<div class="open-app">打开</div>
</script>
</wx-open-launch-app>
</div>
// 通过接口获取配置数据
wx.config({
beta: true, // 开启内测接口调用,注入wx.invoke方法
debug: false, // 开启调试模式
appId: res.data.appid, // 第三方app唯一标识
timestamp: res.data.timestamp, // 生成签名的时间戳
nonceStr: res.data.noncestr, // 生成签名的随机串
signature: res.data.signature, // 签名
jsApiList: ["chooseImage", "uploadImage"], // 需要使用的jsapi列表,所有jsapi列表见附录2
openTagList: ['wx-open-launch-app']
});
wx.error(function (res) {
console.log('微信错误',res)
});
let btn = document.getElementById(this.wx_id);
btn.addEventListener('launch', e => {
console.log('success');
});
btn.addEventListener('error', e => {
console.log('fail', e.detail);
});
mounted() {
// 导入微信jssdk
let script = document.createElement('script');
script.setAttribute("type", "text/javascript");
script.setAttribute("src", "https://res.wx.qq.com/open/js/jweixin-1.6.0.js");
document.body.appendChild(script);
}
用Vue-cli2 打包后上线wx-open-launch-app里面无法渲染,官方是说用<script type="text/wxtag-template">,但现象是里面的内容无法渲染出来,
也没用任何报错提醒
我尝试过做一个demo走template渲染,不用vue框架是可以正常的,但是<script type="text/wxtag-template">为什么不行?
请问楼主解决了吗?我的url带上参数,签名就会无效,去掉?后面的部分就能成功。
楼主,直接v-html 还是渲染不出来,请问是我哪里写错了吗?求教ing~
服务号appId正确吗?不是个人测试号吧?