Vue Taiwan ID

# Guide

# Introduction

A Vue wrap for taiwan-id-validator2

# Getting Started

# Installation

# NPM / YARN

npm install vue-taiwan-id

yarn add vue-taiwan-id

# Import

Import to main.js

import vueTaiwanId from 'vue-taiwan-id'
Vue.use(vueTaiwanId)

# Example

<template>
  <div>
    <vueTaiwanId ref="testId" name="身份證字號" type="isNationalIdentificationNumberValid" @validated="onValidated" v-model="myId" />
    <div style="margin: 8px 0; color: red; font-size: 12px;">{{ result }}</div>
  </div>
</template>

<script>
export default {
  name: 'App',
  data () {
    return {
      result: null,
      myId: ''
    }
  },
  methods: {
    onValidated: function (event) {
      console.log(event)
      this.result = event
    }
  }
}
</script>

<style>
</style>

# API

# Type

Type Description
isGuiNumberValid 公司統一編號
isNationalIdentificationNumberValid 身分證字號
isResidentCertificateNumberValid 居留證編號
isCitizenDigitalCertificateValid 自然人憑證
isEInvoiceCellPhoneBarcodeValid 手機條碼
isEInvoiceDonateCodeValid 捐贈碼

# Options

Options Description type Default
options asd Object {}
theme asd String null
type 驗證類型 String isNationalIdentificationNumberValid
placeholder asd String 請輸入
value asd String null

# Event

Event Description response
validated 驗證完後觸發 true [Boolean] or err.message [Object]
input 輸入值變動時觸發 null or String