vue实现移动端省市区选择

本文实例为大家分享了vue实现移动端省市区选择的具体代码，供大家参考，具体内容如下

效果：

安装：

npm install v-distpicker --save

组件代码：

 

 

 li{
 list-style: none;
 }
 .area1{
 width: 100%;
 height: 45%;
 position:fixed;
 left: 0;
 bottom: 0;
 overflow-y: scroll;
 }
 .distpicker-address-wrapper .address-header ul{
 position:fixed !important;
 left: 0 !important;
 top: 0 !important;
 }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。