VueJs cashfree plugin for web 3.0 version
npm install vue-cashfree-sdkbash
$ npm install vue-cashfree-sdk
`
Using yarn:
`bash
$ yarn add vue-cashfree-sdk
`
Once the package is installed, you can import the library using import:
`js
import VueCashfree from "vue-cashfree-sdk";
`
#### CDN
Using jsDelivr CDN :
`html
`
$3
`html
:initialiseKey="initialiseKey"
@onSuccess="onSuccess"
@onFailure="onFailure"
:orderToken="orderToken"
env="development"
/>
`
$3
| Property | Type | Default value | Options |
| :-----------: | :-----: | :---------------------------------: | :---------------------------------: |
| initialiseKey | Boolean | False | True,False |
| env | String | development | development, production |
| orderToken | String | Provided by Cashfree | Provided by Cashfree Order |
| onSuccess | Method | Triggers when payment is successful | Triggers when payment is successful |
| onFailure | Method | Triggers when payment is failure | Triggers when payment is failure |
$3
#### Props :
- initialiseKey (required): This prop triggers the sdk by changing the value from false to true
`js
this.initialiseKey = false;
setTimeout(() => {
this.initialiseKey = true;
}, 1);
`
- env (optional): This prop determines cashfree sdk will be in development or production version. Its default value isdevelopment.If its value set to production then cashfree sdk will work in production mode.
`html
:initialiseKey="initialiseKey"
@onSuccess="onSuccess"
@onFailure="onFailure"
:orderToken="orderToken"
env="development"
/>
`
- orderToken (required): When cashfree payment is initiated a payment_session_id is provided by cashfree. payment_session_id will be found in cashfree order initiate response.
`js
this.orderToken = "session_AhQng5UfYM7SEER"; // This is payment_session_id. Provided by cashfree.
`
#### Methods :
- onSuccess (required): This method is triggered when payment is successful.
`js
onSuccess(res) {
console.log("res", res);
}
`
- onFailure (required): This method is triggered when payment is failure.
`js
onFailure(err) {
console.log("err", err);
}
``