Vue 2.X Payline Widget Wrapper
VueJS wrapper component for the web Payline Widget SDK.
This is an unofficial repository.
Installation
npm i --save @playmoweb/vue-payline-wrapperUsage
import VuePaylineWrapper from '@playmoweb/vue-payline-wrapper';
import Vue from 'vue';
Vue.use(VuePaylineWrapper);<template>
<VuePaylineWrapper :noClose="noClose" :token="token" widgetType="lightbox" :isHomologation="isHomologation"
@success="(state) => this.logState(state)"
@error="(state) => this.logState(state)"
@didshowstate="(state) => this.logState(state)"
@handleFinalStateReached="(state) => this.logState(state)"
@readyToPay="(state) => this.logState(state)"/>
</template>
<script>
export default {
name: "samplePayline",
data(){
return {
token: "YOUR-PAYMENT-TOKEN-FROM-DO-WEB-PAYMENT",
noClose: false,
isHomologation: false
}
},
methods: {
logState(state){
console.log(state);
}
}
}
</script>