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