Skip to content

savokiss/vue-cascading-address

Repository files navigation

VueJS cascading address component

CircleCI npm version License FOSSA Status

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}

License

FOSSA Status