wangqiang-test-vue-npm v1.0.4

my-npm-demo

A Vue.js project

Build Setup

# install dependencies
npm i wangqiang-test-vue-npm

How To Use

//main.js
import vuePayPop from "wangqiang-test-vue-npm"
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>
    </app>
  </template>

  <script>
    export default {
      name: 'app',
      data () {
        return {
          payPopOptions: {
            isShow: false
          },
        }
      },
      inputDown(val) {
      //模拟检查数据
        setTimeout(() => {
          if (val == '111111') {
            this.$refs.pay.$payStatus(true)
          } else {
            this.$refs.pay.$payStatus(false)
          }
        }, 1000)
      },
      showPayPop() {
        this.payPopOptions.isShow = true;
      }
    }
  </script>

For detailed explanation on how things work, consult the docs for vue-loader.