VueJS cascading address component

How it looks:

Dependencies

• VueJS 2.0+

Usage

INSTALLATION

npm install vue-cascading-address --save

ES6

import cascadingAdress from 'vue-cascading-address'
export {
  components: {
    cascadingAddress
  },
  methods: {
    confirmCity(data){
      console.log(data);// { province: 'xxx' , city: 'xxx' , area: 'xxx' }
    }
  }
}

HTML

  <cascading-address @confirm="confirmCity"></cascading-address>

API

Props

name	type	required	description
inputClass	String	false	custom classes added to input like 'input-sm'
readonly	Boolean	false	set the input to be readonly

Events

name	attributes	listen to	description
confirm	(data)	@confirm	Emitted after confirm button, data structure: { province: String, city: String, area: String}