1.1.8 • Published 7 years ago
vue-test-pop v1.1.8
vue-pay-pop
<<<<<<< HEAD
A Vue.js Pay Plugin

Install
npm install vue-pay-pop -SHow To Use
//main.js
import Vue from 'vue'
import vuePayPop from 'vue-pay-pop'
Vue.use(vuePayPop)  <!-- app.vue -->
  <template>
    <div id="app">
      <div @click="showPayPop">点击弹出支付框</div>
      <vue-pay-pop ref="pay" :payPopOptions="payPopOptions" @inputDown="inputDown"></vue-pay-pop>
    </div>
  </template>  <script>
    export default {
      name: 'app',
      data () {
        return {
          payPopOptions: {
            isShow: false
          },
        }
      },
      methods: {
        inputDown(val) {
        //模拟检查数据
          setTimeout(() => {
            if (val == '111111') {
              this.$refs.pay.$payStatus(true)
            } else {
              this.$refs.pay.$payStatus(false)
            }
          }, 1000)
        },
        showPayPop() {
          this.payPopOptions.isShow = true;
        }
      }
    }
  </script>options
| Name | Type | Default | Description | 
|---|---|---|---|
| isShow | Boolean | false | show or hide | 
| title | String | 请输入支付密码 | pay title | 
| pwdLength | Number | 6 | password length | 
| del | html | svg | delete btn | 
| loadingTxt | String | 请稍候... | loading text | 
| loadingTime | Number | 1000 | loading time | 
| resultTime | Number | 1000 | invert time | 
| successTxt | String | 支付成功 | success text | 
| failTxt | String | 支付失败 | fail text | 
####### if you find some questions, please contact me!
bling_faker@163.com
if you like it, show me your star, thanks very much!
1.1.8
7 years ago