从“v-distpicker”进口VDistpicker
出口默认{
组件:{VDistpicker}
}
之前
简单使用
基础
& lt; v-distpicker> & lt;/v-distpicker>
默认值
& lt; v-distpicker?"广东省“城市=肮阒菔小泵婊?昂Ｖ榍白４? lt;/v-distpicker>
移动端
& lt; v-distpicker类型=耙贫弊４? lt;/v-distpicker>
获取选择的值
& lt; template>
& lt;按钮@click="选择"在点我选择区域& lt;/button>
& lt; div类=" divwrap " v=靶恪北?
& lt; v-distpicker类型=耙贫盄province=皁nChangeProvince @city”=皁nChangeCity”@area=皁nChangeArea祝辞& lt;/v-distpicker>
& lt;/div>
& lt;/template>
之前
在你引用v-distpicker的父组件里面定义几个方法来获取选择的值。
& lt; script>
从“v-distpicker”进口VDistpicker
出口默认{
名称:“getAddress”,
组件:{VDistpicker},
数据(){
返回{
显示:假的,
}
},
方法:{
选择(){
this.show=! this.show
},>
& lt; scoped>风格;
.divwrap {
身高:400 px;
overflow-y:汽车;
位置:固定;
左:0;
底部:0;
宽度:100%;
}
,.divwrap>的在祝辞.distpicker-address-wrapper {
颜色:# 999;
}
,.divwrap>的在祝辞.address-header {
位置:固定;
底部:400 px;
宽度:100%;
背景:# 000;
颜色:# fff;
}
.divwrap>在祝辞。地址报头ul李{
flex-grow: 1;
text-align:中心;
}
.divwrap>在祝辞。地址报头.active {
颜色:# fff;
边界底部:# 666固体8 px
}
.divwrap>在祝辞。address-container .active {
颜色:# 000;
}
& lt;/style>
之前
好的,我要说的完了. .以上只是抛砖引玉,谁有更多的使用心得,请不吝评论
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
