这是一个简单的示例，显示如何在uni-app页面中添加一个支付按钮，并在点击时调用微信支付SDK：
| <template> | |
| <view> | |
| <button @click="pay">支付</button> | |
| </view> | |
| </template> | |
| <script> | |
| export default { | |
| methods: { | |
| pay() { | |
| uni.chooseWXPay({ | |
| // 支付参数，具体参数需要参照微信支付API进行设置 | |
| timestamp: new Date().getTime(), | |
| nonceStr: '', // 随机字符串，每次都要更换 | |
| package: '', // 固定为：sign=wxpay | |
| signType: '', // 固定为：SHA1 | |
| paySign: '', // 微信支付分配的密钥 | |
| // 注意：以上仅为示例，实际使用时需要替换为实际的参数值 | |
| }, res => { | |
| if (res.errMsg === 'chooseWXPay:success') { | |
| // 支付成功，可以在这里处理后续逻辑，如更新订单状态等 | |
| console.log('支付成功'); | |
| } else { | |
| // 支付失败，可以在这里处理错误逻辑，如显示错误消息等 | |
| console.log('支付失败'); | |
| } | |
| }); | |
| } | |
| } | |
| }; | |
| </script> |
这个例子使用uni-app的uni.chooseWXPay方法来调用微信支付SDK。在点击按钮时，它会调用pay方法，该方法设置了一些支付参数并调用了uni.chooseWXPay。如果支付成功，将打印“支付成功”，如果支付失败，将打印“支付失败”