Как интегрировать razorpay в Vue.js

Question

Я использую Vue JS Cdn и не использую узел.поэтому я хочу знать, как я могу интегрировать Razorpay в Vue, так как внутри шаблона Vue теги сценария не допускаются.Может ли кто-нибудь помочь мне с этим

Answer 1

Вы должны будете выполнить ручную проверку, как указано в документации Razorpay.Прочитайте это для справки.Вы можете включить тег script в index.html.

<button id="rzp-button1">Pay</button>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script>
var options = {
    "key": "YOUR_KEY_ID",
    "amount": "2000", // 2000 paise = INR 20
    "name": "Merchant Name",
    "description": "Purchase Description",
    "image": "/your_logo.png",
    "handler": function (response){
        alert(response.razorpay_payment_id);
    },
    "prefill": {
        "name": "Gaurav Kumar",
        "email": "test@test.com"
    },
    "notes": {
        "address": "Hello World"
    },
    "theme": {
        "color": "#F37254"
    }
};
var rzp1 = new Razorpay(options);

document.getElementById('rzp-button1').onclick = function(e){
    rzp1.open();
    e.preventDefault();
}
</script>