我正在尝试使用 google-pay-button 通过 vue js 中的 Gpay 进行支付集成。但我收到警告 -无法解析组件:google-pay-button
我的代码 -
<google-pay-button
environment="TEST"
v-bind:button-type="buttonType"
v-bind:button-color="buttonColor"
v-bind:existing-payment-method-required="existingPaymentMethodRequired"
v-bind:paymentRequest.prop="{
apiVersion: paymentRequest.apiVersion,
apiVersionMinor: paymentRequest.apiVersionMinor,
allowedPaymentMethods: paymentRequest.allowedPaymentMethods,
merchantInfo: paymentRequest.merchantInfo,
transactionInfo: transactionInfo,
callbackIntents: callbackIntents,
}"
v-on:loadpaymentdata="onLoadPaymentData"
v-on:error="onError"
v-bind:onPaymentAuthorized.prop="onPaymentDataAuthorized">
</google-pay-button>
<script>
import "@google-pay/button-element";
export default {
...
}
</script>
我期望应该显示 Google 付费按钮,但它显示警告。
这是一个警告。尽管如此,该元素仍然需要生成。错误的原因是它
@google-pay/button-element
不是 Vue 组件,但它们正在寻找名为<google-pay-button>
显示按钮的元素。Vue.js 旨在协助开发,因此它表明这
<google-pay-button>
是一个未声明的组件,确认您是否打算以这种方式使用它。这些特殊命名的元素可以放入例外列表中。我将演示如何使用 Vite 来做到这一点。更多信息