0.1.2 • Published 5 years ago

wvpay v0.1.2

Weekly downloads
12
License
-
Repository
-
Last release
5 years ago

Vpay

vue移动端支付密码窗插件,仿支付宝密码框。

插件安装

NPM

npm i wvpay

引入插件

import Vue from 'vue'
import Vpay from 'wvpay'
Vue.use(Vpay)

基本用法

<Vpay ref="pays"
  v-mode="show"
  @close="close"
  @forget="forget"
  @input-end="inputEnd"
></Vpay>

API

参数说明类型默认值
v-model密码框的显示隐藏Booleanfalse
digit密码的位数Number6
ref获取当前插件实例String-
title弹窗标题String请输入支付密码
loading-text正在支付的文字提示String正在支付
finished-text支付成功的文字提示String支付成功
duration支付成功提示的显示时间Number500

Event

事件名说明参数
input-end密码输入完成后的回调函数-
close密码弹窗关闭后的回调函数-
forget点击忘记密码的回调函数-

input-end 回调参数

参数名说明类型
val支付密码String

插件内部方法

方法名说明参数
$success通知插件支付结果成功,该方法返回promise,可在.then()方法中进行成功后的回调函数-
$fail密码弹窗关闭后的回调函数-

用法示例:

支付结果成功:

this.$refs.pays.$success(true).then(res => {console.log('支付成',res)})

支付结果失败:

this.$refs.pays.$fail('可以自定义错误提示,默认:支付密码错误')  
0.1.2

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago