vue.js 必填字段

信用卡卡场 (vue-credit-card-field)

This is meant to be a standalone Vue component that mimics the UI/UX of Stripe.js without using an iframe AND is fully compatible with Bootstrap 4.

这意味着它是一个独立的Vue组件，无需使用iframe即可模拟Stripe.js的UI / UX，并且与Bootstrap 4完全兼容。

This component is no way meant to replace Stripe.js if you are already using it. However, this component is a great alternative for processors such as Authorize.net or as an alternative to having individual fields littering your form.

如果您已经在使用它，则该组件无意替换Stripe.js。但是，此组件是诸如Authorize.net之类的处理器的理想替代品，或者是使各个字段乱七八糟的形式的替代品。

A fancy Vue credit card field that mimics Stripe.js and is fully compatible with Bootstrap 4.

一个精美的Vue信用卡字段，它模仿Stripe.js并与Bootstrap 4完全兼容。

特征 (Features)

Fancy UI/UX to that attempts to mimic Stripe.js's proven design Fully compatible and designed for Bootstrap 4 Extensible and written in ES6 Responsive for mobile, tablets, and desktop Inline error handling and client side validation fields on a form

精美的UI / UX，试图模仿Stripe.js久经考验的设计完全兼容并设计用于Bootstrap 4可扩展并用ES6编写响应于移动设备，平板电脑和台式机的内联错误处理以及表单上的客户端验证字段

安装 (Installation)

NPM (NPM)

npm install vue-credit-card-field --save

CDN (CDN)

https://www.jsdelivr.com/package/npm/vue-credit-card-field

样本语法 (Sample Syntax)

<credit-card-field v-model="card"></credit-card-field>

翻译自: https://vuejsexamples.com/a-fancy-vue-credit-card-field-that-mimics-stripe-js-and-is-fully-compatible/