首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

vue实现省份城市选择

之前都是后端操作的,城市数据都是存在数据库的,前端选择然后去后端查的,比较简单方便。这次开发的是前端,客户没有提供城市选择的接口,省市这些数据感觉还是放在数据库后端操作较好。...$refs.resetCountry.changeValueCity() 因为有多个页面需要使用,所以把选择城市的封装成atom-city组件,我这个需求是有选择国家的,如果选择的是中国才会有省份城市的选择框...,否则用户自己输入省份城市,以下代码参考https://blog.csdn.net/lllo3o/article/details/72955701:        <div...: function(event){                 return this.selectCity             }   } } 其他方式参考: vue.js...省份城市联动选择实现示例(通过vue数组过滤) 基于vue2实现省市联动

2.7K20

基于layUI调用后台数据实现区域信息级联查询

基于layUI调用后台数据实现区域信息级联查询 1.基本思路 后台提供根据区域编码查询区域列表公共接口 页面初始化调用后台接口加载所有省份 点击省份省份区域编码传入后台查询该省份下所有地市信息,以此类推...3.2.根据省份编码查询地市编码 以北京市为例,级别编码变为1,北京市的区域编码作为查询条件的父级编码,依次类推即可 select * from td_area t where t.level = 1...(){ var form = layui.form,layer = layui.layer //监听省份选择 form.on('select(province)', function...data.elem.selectedIndex].text; getCity(data.value); form.render('select');//重新渲染下拉框 }); //监听地市选择...监听选择省份下拉框调用地市信息,选择地市加载区县依次类推即可 ? 6.页面展示效果 ?

1.9K30
您找到你想要的搜索结果了吗?
是的
没有找到

基于layUI调用后台数据实现区域信息级联查询

1.基本思路后台提供根据区域编码查询区域列表公共接口页面初始化调用后台接口加载所有省份点击省份省份区域编码传入后台查询该省份下所有地市信息,以此类推4.后端接口实现我这里以Java实现的,单表查询就不贴具体代码了...var form = layui.form,layer = layui.layer    //监听省份选择    form.on('select(province)', function(data){       ...data.elem.selectedIndex].text;        getCity(data.value);        form.render('select');//重新渲染下拉框    });    //监听地市选择...resData = res;        },        error: function(error) {        }    });    return resData;}页面初始化加载所有省份信息图片监听选择省份下拉框调用地市信息...,选择地市加载区县依次类推即可图片

1.1K30

js不借助后端,文件拖拽压缩上传,支持选择文件夹

在系统中上传文件时,需要支持文件和文件夹上传,并且需要在文件上传时需要将文件压缩成zip包,下载的时候,直接下载zip包 听到这个需求,我的第一反应就是js应该没有强大吧,因为压缩和访问文件夹,涉及到了文件系统的读取和修改...主要用到的库是 jszip 则 则这里简单对jszip做下简单介绍,更详细的功能和api请移步官网. jszip是是一个创建,读取和写入.zip文件的js库, api优化,简单 浏览器支持 实现思路如下...获取文件对象, 2:遍历获取的文件对象 放入实例化的zip对象中 3:使用generateAsync()方法生成文件, 通过formdata提交到服务端 代码如下: 此案例支持拖拽上传多个文件, 支持选择多个文件...,选择单个文件夹 此外可以使用 file-saver库的saveAs对zip文件包保存到本地 <img alt="Vue logo

3.3K10

写了个自动化脚本,每日更新疫情数据

(分) 我们需要的数据就在这三个 div 里面,再看看 div 里面有什么: [文章首发:公众号『知秋小梦』] 红色的是省份汇总数据,黄色的是地市的数据,黑色的是具体数据标签。...省份汇总数据的 div 和地市的数据的 div 下面都有5个 p 标签存放数据,基本一致 5个 p 标签分别是: class=’subBlock1___j0DGa‘ 的 p 标签:表示省份/城市名称 class...解析函数里面,直接获取我们需要的几个数据 # 解析省份地市详细数据 if tag == 'city': # 城市 data\_name = data.find('p', class...True) # 增加日期字段 df\_data['date'] = time\_st 代码应该都能看懂,就不解释了,日期字段是为了方便取出近两天的数据进行比较 接下来就是导数据到数据库了,一共两种表,省份数据表和地市数据表...需要提到的是,我们需要的是省份/地市名称+累积确诊人数两列数据 它们对应的是第二列和第四列,所以上面代码是这样写的 df\_data.iloc[:, [1, 3]] 还有一些地图的控件设置,看懂是什么意思就行了

1.1K20

Android实现联动下拉框二级地市联动下拉框功能

通过创建一个ArrayAdapter处理存储在xml中的省份地市数据,用Spinner控件处理ArrayAdapter处理好的数据,用TextView将数据显示出来形成一个list供用户点击选择。.../** 根据省份,装配地市数据**/ if (pro.equals("北京")) { adapter = ArrayAdapter.createFromResource(getApplicationContext...("-城市-")) {//当前还没选择地市 } else { Toast.makeText(getApplicationContext(), Province+"省"+City, Toast.LENGTH_LONG...).show();//Toast显示选中的省份城市 } } public void onNothingSelected(AdapterView<?...总结 以上所述是小编给大家介绍的Android实现联动下拉框二级地市联动下拉框功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。

3.6K10

通配符和域名证书怎么选择

选择适合您需求的SSL证书时,您可能会遇到两种常见类型:通配符证书和域名证书。这两种证书的区别,如何去选择你知道吗?通配符证书: 通配符证书使用通配符作为其主体名称,通常以星号表示。...如果您有多个完全不同的域名需要保护,那么域名证书将是更好的选择。b. 域名规划: 进行良好的域名规划是选择正确证书的基础。将您的域名分为主域、子域和相关域,确定它们之间的层级和关系。...对于域名证书,列出所有需要保护的完全不同的域名。c. 预估发展: 考虑您网站的未来发展计划也是选择证书的关键因素。如果您预计在主域的子域上进行扩展,通配符证书可以更好地适应您的需求。...通配符证书和域名证书都是SSL证书的变体,可以为不同需求提供解决方案。选择正确的证书取决于您的网站架构和安全需求。如果您需要保护具有相似主域的多个子域,通配符证书是一种经济高效的选择。...而如果您有多个完全不同的域名需要保护,则域名证书更加适合。根据您的具体需求,选择适当的SSL证书,以确保网站数据和用户信息得到安全保护。

30730

js 实现选择排序及优化

// 选择排序 // 原理:进行 n-1 趟 循环,每趟循环中遍历所有未排好序的数,第一趟循环,从第0个元素开始向后遍历,找到 最小的元素,与第1 一个元素进行交换,第二趟,从第 1 个元素开始向后遍历...找到最小值与第2个元素 进行交换,以此类推 // 从而得出规律,每次遍历元素开始位置为 i+1,并维护每轮循环的最小值的索引,一轮循环结束后,通过最小值的索引获取到最小值,与起始位置交换 // 稳定性:因为选择排序每次找到最小值...arr[minIndex] = temp; } console.log(`执行了${count}趟循环`); return arr; } console.log("普通选择排序...0, 1, 6, 5])); // 执行了9趟循环 console.log(selectSort([1, 2, 3, 4, 5, 6, 7, 8, 9, 9])); // 执行了9趟循环 // 优化选择排序...break; } } console.log(`执行了${count}趟循环`); return arr; } console.log("普通选择排序

4.5K10

Excel省市交叉销售地图

效果如图: 曾经在学习完该图表的完整制作方法后,曾请教过刘老师有没有从全国各省下钻到省内各地市的图表,但是很遗憾。...唯一有些区别的是XY坐标不再是固定的31省市,而是按照不同省份筛选出来的省内各地市坐标;此外,将本省内之外的所有交叉销量统称为省外。...步骤三:定义名称动态引用图表 ---- Step1:将省份切片器选择省份名称,赋值给在”各省交叉销售地图“工作表中B2单元格。 Step2:交叉销售=INDEX(省市交叉销售!...2)因为这里需要计算省外的数值,但在生成省市射线图和气泡图的时候,不同的省份,“省外”位置是不固定的。这里通过G5单元格记录每个省份城市个数,也就可以知道上一次“省外”所在的位置。...3)在切换省份后,城市清单表有更新,故需更新其透视表以及其切片器。

5.5K10
领券