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} |