# Formatted Input

import { formattedInput } from 'vigour';
// formattedInput.name === 'vigour-formatted-input'

Formatted Input only accept number. It can be used as a credit card number input field.

Formatted Input 只能接受数字输入。它可以用作信用卡号码的输入框。

# Example

<div>
  <div style="margin: 0.5em 0;">
    <vigour-formatted-input v-model="n1"></vigour-formatted-input>
  </div>
  <div style="margin: 0.5em 0;">
    <vigour-formatted-input
      v-model="n2"
      template="XXX.XXX.XXX.XXX"
    ></vigour-formatted-input>
  </div>
  <div style="margin: 0.5em 0;">
    <vigour-formatted-input
      v-model="n3"
      template="XXX-XXX-XXX-XXX"
    ></vigour-formatted-input>
  </div>
</div>

# Props

prop type default value available value
v-model string - -
template string 'XXXX XXXX XXXX XXXX' -