vue el-select 省市区三级联动 vue + element-ui使用第三方插件实现省市区三级联动

news2025/3/13 0:49:21

vue el-select 省市区三级联动 vue使用第三方插件实现省市区三级联动

在这里插入图片描述

网上找了好多教程，都是使用el-cascader级联选择器的省市区选择器，但是几乎没有三个单独的el-select的进行关联的三级省市联动组件效果

第一步:先安装省市区element-ui的插件

 npm install element-china-area-data@5.0.0

因业务需求，写了两种不同的版本

A版本：级联选择题绑定的是省市区对应的编码id

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2314009.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

数学建模：MATLAB强化学习

一、强化学习简述强化学习是一种通过与环境交互，学习状态到行为的映射关系，以获得最大积累期望回报的方法。包含环境，动作和奖励三部分，本质是智能体通过与环境的交互，使得其作出的动作所得到的决策得到的总的奖励达…

从0开始的操作系统手搓教程45——实现exec

目录建立抽象实现加载实现sys_execv ！！！提示：因为实现问题没有测试。所以更像是笔记！ exec 函数的作用是用新的可执行文件替换当前进程的程序体。具体来说，exec 会将当前正在运行的用户进程的进程体&…

STM32之硬件SPI

SPI1和SPI2挂载的总线不一样，SPI1的时钟频率的比SPI2的大一倍。核心部分是移位寄存器，数据一位一位的移到MOSI,同理，移位寄存器也一位一位的从MISO接收数据，LSBFIRST控制位控制高位先行还是低位先行。移位寄存器左边交叉箭头是ST…

【网络协议安全】任务10：三层交换机配置

CSDN 原创主页：不羁https://blog.csdn.net/2303_76492156?typeblog三层交换机是指在OSI（开放系统互连）模型中的第三层网络层提供路由功能的交换机。它不仅具备二层交换机的交换功能，还能实现路由功能，提供更为灵活的网…

依托大数据实验室建设，培育创新人才：数据科学与大数据技术专业人才培养实践

近年来，得益于全球大数据产业政策扶持与数字经济蓬勃发展，大数据市场呈现迅猛增长态势。国家层面相继出台《“数据要素”三年行动计划（2024—2026年）》《数字中国建设整体布局规划》等政策，旨在激发产业创新活力&#…

如何使用 CSS 实现黑色遮罩效果

最近在工作中遇见了一个需求，鼠标经过盒子出现黑色遮罩，遮罩中有相关的编辑按钮，点击以后，进行图片上传并且展示，由于当时没有思路，思考了好久，所以在完成开发后进行总结，使用的技术…

ChatGPT课件分享（37页PPT）

资料解读：ChatGPT课件分享详细资料请看本解读文章的最后内容。近年来，人工智能技术的迅猛发展引发了全球范围内的广泛关注，尤其是以OpenAI为代表的公司在自然语言处理领域的突破性进展，彻底改变了人机交互的方式。本文将详细解…

无人机扩频技术对比！

一、技术原理与核心差异 FHSS（跳频扩频） 核心原理：通过伪随机序列控制载波频率在多个频点上快速跳变，收发双方需同步跳频序列。信号在某一时刻仅占用窄带频谱，但整体覆盖宽频带。技术特点： 抗干扰…

C语言_数据结构总结4：不带头结点的单链表

纯C语言代码，不涉及C 0. 结点结构 typedef int ElemType; typedef struct LNode { ElemType data; //数据域 struct LNode* next; //指针域 }LNode, * LinkList; 1. 初始化不带头结点的初始化，即只需将头指针初始化为NULL即可 void Init…

几种常见的虚拟环境工具（Virtualenv、Conda、System Interpreter、Pipenv、Poetry）的区别和特点总结

在 PyCharm 中创建虚拟环境是一个非常直接的过程，可以帮助你管理项目依赖，确保不同项目之间的依赖不会冲突。通过 PyCharm 创建虚拟环境打开 PyCharm 并选择或创建一个项目。打开项目设置： 在 Windows/Linux 上，可以通过点击…

Ubuntu安装问题汇总

参考文章： 【Ubuntu常用快捷键总结】【王道Python常用软件安装指引】 1. 无法连接虚拟设备 sat0:0 【问题】：出现下图所示弹框。【问题解决】： 点击 “否” 。点击左上角的 “虚拟机” → “设置…” → “CD/DVD (SATA)” ，…

Ceph（1）：分布式存储技术简介

1 分布式存储技术简介 1.1 分布式存储系统的特性 （1）可扩展分布式存储系统可以扩展到几百台甚至几千台的集群规模，而且随着集群规模的增长，系统整体性能表现为线性增长。分布式存储的水平扩展有以下几个特性： 节点…

从0开始的操作系统手搓教程43——实现一个简单的shell

目录添加 read 系统调用，获取键盘输入 :sys_read putchar和clear 上班：实现一个简单的shell 测试上电我们下面来实现一个简单的shell 添加 read 系统调用，获取键盘输入 :sys_read /* Read count bytes from the file pointed to by fi…

【Spring】基础/体系结构/核心模块

概述： Spring 是另一个主流的 Java Web 开发框架，该框架是一个轻量级的应用框架。 Spring 是分层的 Java SE/EE full-stack 轻量级开源框架，以 IoC（Inverse of Control，控制反转）和 AOP（Aspect…

01 音视频知识学习(视频)

图像基础概念 ◼像素：像素是一个图片的基本单位，pix是英语单词picture的简写，加上英语单词“元素element”，就得到了“pixel”，简称px，所以“像素”有“图像元素” 之意。 ◼ 分辨率：是指图像…

vue3自定义hooks遇到的问题

问题写了一个输入查询参数和url返回加载中状态、请求方法、接口返回列表的hooks，出现的结果是只有请求方法有效，加载状态无效，接口返回了数据，页面却不显示数据。代码如下只展示部分关键代码 import { ref, toRefs, toRef, o…

liunx磁盘挂载和jar启动命令

一、磁盘挂载查看历史磁盘挂载命令：history | grep mount 查看所有挂载硬盘命令：mount 磁盘挂载命令：mount -t cifs -o usernamesh**,passwordP!ss**** //192.168.1.2/attachmentfilesShare2.2/pdfCert /home/nybzg/cnfai1/pdfCert 二、j…