vue省市区联动插件---distpicker

vue的省市区联动插件：https://distpicker.iline.co/

安装使用这些看官网就可以了，讲的很清楚。我要和大家分享的是下面的这几个方法。

很明显，官网这有个错误，地区应该是area。

这里想和大家分享的一个我遇到的问题：

我用的elementUI的组件，里面的表单包含着这个省市区联动组件，但是有个小问题，我在提交值得时候怎么判断省市区三个下拉框都选中了呢？

于是把上面的四个函数方法全都试了一遍，发现使用selected这个方法的时候，可以打印出已经选中的所有值。

那问题又来了，如果我只选一个呢？

这里的话我把只选择一个和两个的值全部打印出来发现都是未定义，那就很好判断了。三个值，只要有一个是未定义就说明没有全部选中。

下面是我写的练习，可以看看。

内容就这么多，希望能帮到大家！如果有更好的方法或者我写的哪里不对欢迎指正。

vue省市区联动插件---distpicker相关推荐

vue 省市区选择插件v-distpicker设置初值与选择后触发方法
废话不多说,先看效果: 一.安装 npm install v-distpicker --save 二.引用(main.js) import Distpicker from 'v-distpicker' ...
省市县地址联动插件distpicker 代码及示例
前端新增页面: <div data-toggle="distpicker" id="distpicker"><select name=&quo ...
三级联动数据库添加html,前端jQuery最新省市区三级联动插件，包含sql数据库
一.目录结构二.功能演示 1)用浏览器打开,index.html 2)单击,输入框, 3)选择省份 4).选择城市 5).选择区县 6).显示已选中的名称和ID 三.前端页面html> 地区数 ...
jQuery省市区三级联动插件
体验效果:http://hovertree.com/texiao/bootstrap/4/ 支持PC和手机移动端. 手机扫描二维码体验效果: 代码如下: <!DOCTYPE html> & ...
vue省市区镇四级联动
vue省市区镇四级联动参考文档https://terryz.gitee.io/vue/#/region/demo 使用npm把插件安装到项目中 npm i -S v-region 在项目入口main ...
jquery插件 autoComboBox 自动创建联动的下拉框如:省市区联动
废话{ 诞生背景: 问: 1.大家在做省市区下拉框联动,或者是产品分类联动,或者是部门联动等下拉框时怎么做? 是用ajaxpro.dll 还是jquery ajax呢?? 答: 是,留下继续阅读. ...
html中免费的四级联动,利用JS实现省市区街道四级联动插件
特效描述:利用JS实现省市区街道四级联动插件.利用JS实现省市区街道四级联动插件代码结构 1. 引入CSS 2. 引入JS 3. HTML代码所在地区所在地区请选择请选择请选择请选择 ...
js原生，省市区三级联动插件
js原生,省市区三级联动插件 <%@ page language="java" contentType="text/html; charset=UTF-8" ...
Vue省市区三级联选择器V-Distpicker的使用
Vue省市区三级联选择器V-Distpicker的使用最近用的Vue+Element UI时,有些地方需要用到省市区三联选择器,网上安装并尝试了多种类似的插件,但都因为无法正常实现或是没有眼缘而弃用 ...
组件封装 - 省市区联动组件
首先, 讲述一下这个组件需要实现的需求: 1. 在页面显示完整用户选择的省市区信息 2. 此组件是作用在别的组件里面, 接收父组件传入完整的省市区信息; 提供模板中使用 3. 根据后端规定的字段名定义 ...

vue省市区联动插件---distpicker

vue省市区联动插件---distpicker相关推荐

最新文章

热门文章