<script setup lang="ts">
import { onMounted } from 'vue'
import wx from 'weixin-js-sdk'
wx.config({
// debug: false, // 开启调试模式
// appId: config.appId, // 必填,公众号的唯一标识
// timestamp: config.timestamp, // 必填,生成签名的时间戳
// nonceStr: config.nonceStr, // 必填,生成签名的随机串
// signature: config.signature, // 必填,签名
jsApiList: [
'onMenuShareTimeline', // 分享到朋友圈
'onMenuShareAppMessage' // 分享给朋友
// ...其他需要使用的JS接口列表
] // 必填,需要使用的JS接口列表
})
wx.ready(function () {
// 在这里调用微信相关的API
console.log(11)
})
function wxreany() {
console.log('微信JSSDK初始化失败')
wx.error(function (res: any) {
console.log('微信JSSDK初始化失败:' + res.errMsg)
})
}
wx.error(function (res: any) {
console.log('微信JSSDK初始化失败:' + res.errMsg)
})
onMounted(() => {
wxreany()
console.log(wx)
})
</script>
<template>
<div class="page">
<div>
<button>支付</button>
</div>
<div>
<button>下单</button>
</div>
</div>
</template>
<style lang="less" scoped>
.page {
width: 100%;
height: 100%;
}
</style>
我需要做一个H5页面在微信内JSAPI支付有偿有环境后端支持