vue-address-component

Provide Hong-Kong and Taiwan address vue selector address select is a lightweight yet flexible plugin for Vue.js 2.0 that allows you to easily get correct address input.

It supports the following features:

• 提供香港及台灣的中英文地址輸入格式。
• 自動判斷書入內容。若全為英文及數字，判別為英文地址，輸出英語地址格式。若有中文，輸出中文地址格式。
• 支援bootstrap validator

#Documentation

Installation

Package is installable via npm.

npm install --save vue-address-input

Configuration

import Vue from 'vue'
import { Address, District } from 'vue-address-input-hk'
Vue.use(Address)
Vue.use(District)

basic usage

name屬性為必設屬性。POST可用name設定的值取得結果。前端可透過id來取得地址字串。

Place component in your page.

<address name="addr"></address>

Props

countryCode

選擇地址格式。目前只提供香港及台灣格式。

values: zh-hk(default) | zh-tw

<address name="addr" countryCode="zh-hk"></address>

json

設定時，以json格式回傳的地址。否則回傳字串。

<address name="addr" json></address>

lang

介面文字語系

values: zh(default) | en

<address name="addr" lang="en"></address>

size

<address name="addr" size="lg"></address>

設定輸入框大小。預設為一般尺寸。

styles

輸入框擺放樣式

values: heading | underline | block(default)

<address name="addr" styles="block"></address>

heading: 輸入框名稱位於輸入框的左邊

underline: 輸入框名稱位於輸入框的下方

block: 輸入框名稱位於輸入框的提示語中