vue address
1.0.0
Com base no seletor de endereço de ligação de vários níveis vue.js, você precisa usar o elemento-ui para usar
No projeto do vue-cli
+ element-ui
, copie o arquivo address.vue
para o seu diretório de projeto!
<template>
<div id="app">
<img src="./assets/logo.png">
<vue-address
:province="province"
:city="city"
:detail="detail"
:district="district"
@change="handlerChange"
></vue-address>
</div>
</template>
<script>
import vueAddress from './components/address'
export default {
components: {
vueAddress
},
data: function() {
return {
province:'',
city:'',
district:'',
detail:''
}
},
methods: {
handlerChange: function (val) {
console.log(val);
}
}
}
</script>
<style>
#app {text-align: center;color: #2c3e50;margin-top: 60px;}
</style>