当前位置： 首页 > article >正文

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

article 2026/3/15 16:00:53

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

在这里插入图片描述

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

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

 npm install element-china-area-data@5.0.0

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

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















相关文章：
















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




vue el-select 省市区三级联动 vue使用第三方插件实现省市区三级联动 网上找了好多教程，都是使用el-cascader级联选择器的省市区选择器，但是几乎没有三个单独的el-select的进行关联的三级省市联动组件效果 
第一步:先安装省市区element-ui的插件 npm install element-china-a…...






编程日记
2026/2/26 12:06:04



















数学建模：MATLAB强化学习




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






编程日记
2026/3/12 13:33:08



















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




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






编程日记
2026/3/10 1:26:13



















深入理解 Linux 中的 -h 选项：让命令输出更“人性化”




在 Linux 系统中，命令行工具是系统管理员和普通用户最常用的交互方式之一。然而，命令行输出往往充满了技术性术语和数字，对于初学者或非技术用户来说可能显得晦涩难懂。幸运的是，许多 Linux 命令都提供了一个非常实用的选项&#…...






编程日记
2026/1/25 7:01:51



















23. 观察者模式




原文地址: 观察者模式 更多内容请关注：智想天开 
1. 观察者模式简介 
观察者模式（Observer Pattern）是一种行为型设计模式，用于建立对象之间的一种一对多的依赖关系。当一个对象的状态发生变化时，所有依赖于它的对象都…...






编程日记
2026/3/15 2:33:40



















sql语句分页的关键字是?




在 SQL 中，分页通常是通过限制查询结果的数量并指定从哪一行开始获取数据来实现的。不同的数据库系统使用不同的分页关键字。 
以下是常见数据库系统的分页关键字： 
MySQL / PostgreSQL / SQLite 使用 LIMIT 和 OFFSET 来进行分页： 
LIMIT 限…...






编程日记
2026/3/8 14:00:09



















golang从入门到做牛马:第十四篇-Go语言结构体：数据的“定制容器”




在Go语言中，结构体是一种非常强大的数据结构，它允许你将不同类型的数据组合在一起，形成一个逻辑上的“记录”。结构体非常适合用来表示复杂的数据类型，比如一个图书馆的书籍记录、一个用户的信息等。接下来，让我们一起深入了解Go语言中的结构体。 什么是结构体：数据的“组…...






编程日记
2026/2/14 19:20:19



















C#控制台应用程序学习——3.11




一、整型数字计算 如果我们想执行以下程序：程序提示用户输入一个数字并输出 num  20 的结果，我们的思维应该是这样的： 
using System;public class Class1
{public static void Main(string[] args){Console.WriteLine("Enter the first…...






编程日记
2025/12/2 1:16:56



















【商城实战(13)】购物车价格与数量的奥秘




【商城实战】专栏重磅来袭！这是一份专为开发者与电商从业者打造的超详细指南。从项目基础搭建，运用 uniapp、Element Plus、SpringBoot 搭建商城框架，到用户、商品、订单等核心模块开发，再到性能优化、安全加固、多端适配&#xf…...






编程日记
2026/2/16 8:45:30



















STM32之硬件SPI




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






编程日记
2026/3/8 18:00:47



















【Go每日一练】构建一个简单的用户信息管理系统




👻创作者：丶重明 👻创作时间：2025年3月7日 👻擅长领域：运维 目录 1.😶‍🌫️题目：简单的用户信息管理系统2.😶‍🌫️代码开发3.😶‍&a…...






编程日记
2026/2/15 22:15:58



















【力扣】2629. 复合函数——函数组合




【力扣】2629. 复合函数——函数组合 文章目录 【力扣】2629. 复合函数——函数组合题目解决方案概述方法 1：使用迭代的函数组合概述算法实现复杂度分析 方法 2：使用 Array.reduceRight() 的函数组合概述算法实现复杂度分析 附加考虑处理 this 上下文使用…...






编程日记
2026/2/15 12:46:55



















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




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






编程日记
2026/3/2 1:38:35



















Linux 服务器安全配置：密码复杂度与登录超时设置




Linux服务器安全配置指南：密码复杂度与登录超时设置 
一、密码复杂度设置 
通过PAM模块pam_cracklib.so实现密码强度策略，配置文件： 
system-auth该文件主要用于定义系统范围内的认证策略，涵盖了用户登录、su 命令切换用户、sudo 权限提升等多种认证场景。当用户尝试进行系…...






编程日记
2026/2/15 16:44:32



















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




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






编程日记
2026/3/12 0:52:15



















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




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






编程日记
2026/2/15 18:33:17



















ChatGPT课件分享（37页PPT）




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






编程日记
2026/2/21 13:20:56



















开源模型时代的 AI 开发革命：Dify 技术深度解析




开源模型时代的AI开发革命：Dify技术深度解析 
引言：AI开发的开源新纪元 
在生成式AI技术突飞猛进的2025年，开源模型正成为推动行业创新的核心力量。据统计，全球超过80%的AI开发者正在使用开源模型构建应用，这一趋势不仅…...






编程日记
2026/3/11 14:08:51



















无人机扩频技术对比！




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






编程日记
2026/3/7 6:48:56



















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




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






编程日记
2026/2/24 0:57:24



















Zama TFHE-rs v1.0 发布




1. 引言 
2025年2月，Zama 发布了 TFHE-rs v1.0，这是 TFHE-rs 库的第一个稳定版本。这标志着一个重要的里程碑，稳定了 x86 CPU 后端的高级 API，同时确保了向后兼容性。——即，现在可以依赖 TFHE-rs API，而不…...






编程日记
2026/3/5 20:27:41



















AArch64架构及其编译器




—1.关于AArch64架构 AArch64是ARMv8-A架构的64位执行状态，支持高性能计算和大内存地址空间。它广泛应用于现代处理器，如苹果的A系列芯片、高通的Snapdragon系列，以及服务器和嵌入式设备。 • 编译器：可以使用GCC、Clang等编译器编…...






编程日记
2025/3/19 20:58:14



















【ISP】对于ISP的关键算法补充




本篇是对于ISP的关键算法进行补充说明， 后面我们将开始逐渐深入讨论ISP的pipeline 1. 非局部均值（NLM, Non-Local Means） 
原理 
非局部均值（NLM）是一种基于 块匹配（Patch Matching） 的去噪算法…...






编程日记
2026/2/21 16:29:23



















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




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






编程日记
2026/3/14 3:20:27



















Ubuntu安装问题汇总




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






编程日记
2026/3/9 7:20:07



















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




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






编程日记
2026/2/27 6:13:22



















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




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






编程日记
2026/2/28 21:00:21



















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




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






编程日记
2026/2/19 4:10:02



















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




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






编程日记
2026/2/24 22:23:28



















vue3自定义hooks遇到的问题




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






编程日记
2026/2/14 17:10:24