vue-stripe-payment-Stripe的jquery.payment的Vue包装器。-Vue.js开发

  • b6_565701
    了解作者
  • 69.3KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-26 17:29
    上传日期
vue-stripe-payment Vue包装器,用于验证付款表单字段。 该插件依赖于jQuery。提供了伪指令,用于输入掩膜表单vue-stripe-payment Vue包装器,用于验证支付表单字段。 该插件依赖于jQuery。为输入掩码表单字段提供了伪指令,整个支付库在this。$ payment对象下可用。 通过npm进行演示安装:yarn add vue-stripe-payment-或-npm install vue-stripe-payment使用此插件向您的应用程序添加vue-stripe-payment就像其他插件一样简单:从'vue'导入Vue; 从'vue-stripe-p导入VueStripePayment
vue-stripe-payment-master.zip
  • vue-stripe-payment-master
  • .github
  • PULL_REQUEST_TEMPLATE.md
    0B
  • src
  • index.js
    897B
  • example
  • index.html
    1.7KB
  • config
  • .eslintrc
    149B
  • build.js
    459B
  • banner.js
    285B
  • bundle.js
    1.9KB
  • entry.js
    1.8KB
  • dist
  • vue-stripe-payment.common.js
    18.4KB
  • vue-stripe-payment.js
    18.6KB
  • README.md
    1KB
  • vue-stripe-payment.esm.js
    18.4KB
  • vue-stripe-payment.min.js
    9KB
  • .eslintrc
    209B
  • .babelrc
    168B
  • .npmignore
    68B
  • LICENSE
    1.1KB
  • README.md
    1.9KB
  • .editorconfig
    147B
  • .gitignore
    109B
  • CHANGELOG.md
    0B
  • .eslintignore
    12B
  • package-lock.json
    210.4KB
  • package.json
    1.8KB
内容介绍
# vue-stripe-payment [![npm](https://img.shields.io/npm/v/vue-stripe-payment.svg)](https://www.npmjs.com/package/vue-stripe-payment) [![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/) Vue wrapper for validating payment form fields. **This Plugin is dependent on jQuery** A directive is provided for input masking form fields, and the whole payment library is available under the `this.$payment` object. [Demo](https://samturrell.github.io/vue-stripe-payment/example) ## Installation Via npm: ```sh yarn add vue-stripe-payment - OR - npm install vue-stripe-payment ``` ## Using this plugin Adding vue-stripe-payment to your application is as simple as any other plugin: ```js import Vue from 'vue'; import VueStripePayment from 'vue-stripe-payment'; Vue.use(VueStripePayment); new Vue({ el: '#app', }); ``` The `v-stripe-payment` directive is now available to your app. Masks can be accessed as the arg of this directive, for example: ```html <form> <div class="form-group"> <label>Card number</label> <input class="form-control" v-payment:formatCardNumber> </div> <div class="form-group"> <label>Card Expiry</label> <input class="form-control" v-payment:formatCardExpiry> </div> <div class="form-group"> <label>Card CVC</label> <input class="form-control" v-payment:formatCardCVC> </div> <div class="form-group"> <label>Numeric input</label> <input class="form-control" v-payment:restrictNumeric> </div> <button class="btn btn-primary">Submit</button> </form> ``` For further details, see the [stripe/jquery.payment](https://github.com/stripe/jquery.payment) readme. ## :scroll: Changelog Details changes for each release are documented in the [CHANGELOG.md](https://github.com/samturrell/vue-stripe-payment/blob/dev/CHANGELOG.md). ## :copyright: License [MIT](http://opensource.org/licenses/MIT)
评论
    相关推荐