vue省市区三级选择的实现

一，实现效果：

二，使用的插件和地址

https://distpicker.unie.fun/
插件源码：https://github.com/jcc/v-distpicker/tree/master/examples
使用方法作者讲得很详细了，就不多说了。

三，我的使用

四，遇到的问题

和这个插件没关系，主要是select选择时出现黑色边框，我又不希望它出现，但是这个样式我在f12的浏览器中又找不到，上网搜了才知道，这是select的默认样式：

要去除这个黑框，只要：

vue省市区三级选择的实现相关推荐

vue——省市区三级联动demo
最近学习vue,想着写一写demo练习练习. 此demo是省市区的三级联动,像这样的场景我们经常看到.我也是刚开始写没有头绪,然后多方查资料. 写此demo时踩过的坑: 1.数据:我们希望后台给我们的 ...
vue省市区三级联动mysql,js/json,html/jsp
大家好,我是烤鸭: 省市区三级联动数据及页面: 测试的时候,发现少了几个地区,现在补上了,也优化了下排版. 如果你懒得复制和看的话,这里是打包的下载地址. 之前的资源地址也改了,http://down ...
vue 省市区三级联动 antd 级联组件 Cascader
需求与功能该功能实现了中国内的省市区的三级联动,基于 antd-vue 中的 Cascader 做的组件,支持原有的所有功能效果展示支持联想搜索支持显示部分省份例子(本例子是基于 ant ...
vue省市区三级联动
HTML代码 <div id="example"><select v-model="prov"><option v-for=&qu ...
超实用的vue省市区三级联动（带地区编码）
效果图完整代码 <template><div><el-row><el-form :model="queryParams" inline ...
vue实现省市区三级联动地址选择组件
昨天收到一个新的需求,需要选择地址,因此就要做一个省市区三级联动的组件来使用,在网上找了一些资源,然后进行了尝试,没想到就这么成功了!要记录一下方便后续使用. 效果如下: 下面就记录一下代码叭! 一 ...
vue实现省市区三级联动地址选择
导航利用select下拉框实现 CV通道省市区三级json 凑字数之前由于产品需求,自己去实现了省市区三级联动的选择,但是总感觉有所欠缺,后来花了一点时间整理,特此分享下我的思路,望大佬们指教. ...
element vue 获取select 的label_vue+elementui实现省市区三级联动
老大喊你起来营业了醒醒,打工人!开始工作了,今天讲讲我的踩坑记录吧! 这次我们用的是vue-admin-webapp,基于 vue 和 element-ui 采用了最新的前端技术栈来开发一个管理系统 ...
element-ui省市区三级联动：选择即改变
element-ui 省市区三级联动:选择即改变注意: 阅读本文,经验传授: vue.js单组件引入外部或自定义的 .js文件,并调用文件内三级联动的 json数据: 自定义设置默认地址,结合js ...
vue 实现仿京东、淘宝省市区三级联动
vue 实现仿京东.淘宝省市区三级联动在做电商或其他项目的时候,物流我们肯定会集成进去,那么我们肯定需要集成地址管理,地址管理除了最基本的省.市.区外,我们还要单独添加一个详细地址字段,不然我们无法 ...