vue.js-地址選擇外掛
阿新 • • 發佈:2019-02-03
第一步自然是安裝
npm install v-distpicker --save
test.vue
import VDistpicker from 'v-distpicker'
export default {
components: { VDistpicker }
}
<v-distpicker></v-distpicker>
寫到這裡效果就已經出來了,簡單吧
接下來介紹一下常用配飾項
預設地址:
<v-distpicker province="廣東省" city="廣州市" area="海珠區"></v-distpicker>
手機樣式
<v-distpicker type="mobile"></v-distpicker>
最重要的獲取選中的值,這一步找了很久才找到,官網和github上都沒找到介紹
<v-distpicker type="mobile" @selected="onSelected"></v-distpicker>
onSelected:function(data){
this.$store.state.citydata = data.province.value + data.city.value + data.area.value
console.log(this.$store.state.citydata)
}