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

vue2 省市区联动组件封装

news 2026/5/20 16:40:44

在element ui中有级联选择器el-cascader，其实已经够用了，但是在实际需求中，发现el-cascader如果有三级，数据数组必须得三个才能完全展示，所以不符合实际需求,还是自定义封装吧

需求：省市区联动数组，有多少个显示多少个

这里使用element ui得el-select组件，思路是使用监听

布局

  <el-selectref="selectProvinces"v-model="provinces.value"placeholder="请选择省":disabled="disableds.provinces"><el-optionv-for="province in provinces.children":key="province.value":label="province.label":value="province.value"></el-option></el-select><el-selectref="selectCitys"v-model="citys.value"placeholder="请选择市":disabled="disableds.citys":default-first-option="true"@change="changeCity"><el-optionv-for="city in citys.children":key="city.value":label="city.label":value="city.value"></el-option></el-select><el-selectref="selectAre

相关文章：

vue2 省市区联动组件封装

在element ui中有级联选择器el-cascader，其实已经够用了，但是在实际需求中，发现el-cascader如果有三级，数据数组必须得三个才能完全展示，所以不符合实际需求,还是自定义封装吧 需求：省市区联动数组，有多少个显示多少个 这里使用element ui得el-select组件，思路是使用…...

编程日记 2024/1/19 12:21:45

VScode远程开发

VScode远程开发 在SSH远程连接一文中&#xff0c;我么介绍了如何使用ssh远程连接Jetson nano端&#xff0c;但是也存在诸多不便&#xff0c;比如:编辑文件内容时&#xff0c;需要使用vi编辑器&#xff0c;且在一个终端内&#xff0c;无法同时编辑多个文件。本节将介绍一较为实用…...

编程日记 2024/1/19 12:20:44

芯片设计重要工具—— IBM LSF 分布式高性能计算调度平台

IBM Spectrum LSF Suites 是面向分布式高性能计算 (HPC) 的工作负载管理平台和作业调度程序。基于 Terraform 的自动化现已可用&#xff0c;该功能可在 IBM Cloud 上为基于 IBM Spectrum LSF 的集群供应和配置资源。 借助我们针对任务关键型 HPC 环境的集成解决方案&#xff0…...

编程日记 2024/1/19 12:19:43

RDMA Scatter Gather List详解

1. 前言 在使用RDMA操作之前&#xff0c;我们需要了解一些RDMA API中的一些需要的值。其中在ibv_send_wr我们需要一个sg_list的数组&#xff0c;sg_list是用来存放ibv_sge元素&#xff0c;那么什么是SGL以及什么是sge呢&#xff1f;对于一个使用RDMA进行开发的程序员来说&#…...

编程日记 2024/1/19 12:17:40

【动态规划】24子数组系列_最长湍流子数组_C++

题目链接&#xff1a;最长湍流子数组 目录 题目解析&#xff1a; 算法原理 1.状态表示 2.状态转移方程 3.初始化 4.填表顺序 5.返回值 编写代码 题目解析&#xff1a; 题目让我们求返回 arr 的 最大湍流子数组的长度 由题可得&#xff1a; 如果比较符号在子数组中的…...

编程日记 2024/1/19 12:15:39

fastJson和jackson的日期数据处理

目录 1.jackson 2.fastjson 3.总结 1.jackson jackson是spring mvc默认的JSON解析方法&#xff0c;前端的数据序列化处理之后&#xff0c;后端经过反序列化处理可以直接使用实体对象进行接收。后端接口返回实体对象&#xff0c;经过序列化处理后前端可以接收并进行处理。 …...

编程日记 2024/1/19 12:14:37

书生·浦语大模型实战营第五节课笔记及作业

LMDeploy 大模型量化部署实践 1 大模型部署背景 1.1 模型部署及大模型特点 1.2 大模型部署挑战及方案 2 LMDeploy简介 2.1 核心功能-量化 2.2 核心功能-推理引擎TurboMind 2.1 核心功能-推理服务api server 3 动手实践及作业 按照文档LMDeploy 的量化和部署中的步骤在Intern…...

编程日记 2024/1/19 12:13:36

如何在CentOS 7 中基于OpenSSL 3.0 搭建Python 3.0 环境

1、OpenSSL 1.1 原因 [rootlocalhost ~]# openssl version OpenSSL 1.0.2k-fips 26 Jan 2017 [rootlocalhost ~]#通过执行openssl version可知Linux系统已经安装了OpenSSL&#xff0c;但该版本较低&#xff1b;Python 3 要求 OpenSSL版本不能低于1.1.1&#xff0c;否则安装P…...

编程日记 2024/1/19 12:12:35

爬虫接口获取外汇数据(汇率，外汇储备，贸易顺差，美国CPI，M2，国债利率)

akshare是一个很好用的财经数据api接口&#xff0c;完全免费&#xff01;&#xff01;和Tushare不一样。 除了我标题显示的数据外&#xff0c;他还提供各种股票数据&#xff0c;债券数据&#xff0c;外汇&#xff0c;期货&#xff0c;宏观经济&#xff0c;基金&#xff0c;银行…...

编程日记 2024/1/19 12:11:34

Spring Cloud和微服务架构的关系

大话Spring Cloud 在Java悠久的历史长河中(其实也就十来年)&#xff0c;有一个框架自诞生之初就成了Java企业级开发领域的弄潮儿&#xff0c;它以开放的姿态不断引领着技术改革(我们管他叫Java领域的“改革开放”)&#xff0c;它就是久经考验的企业级开发框架&#xff0c;改革…...

编程日记 2024/1/19 12:10:33

C++：通过ofstream写入二进制文件内容

C++：通过ifstream读取二进制文件内容_c++ ifstream 二进制读取-CSDN博客 介绍了读取二进制文件的方法。 本文介绍一下写入二进制数据到文件的方法： 1.通过write #include <fstream> #include <string> using namespace std; int main() {int data = 0x0102030…...

编程日记 2024/1/19 12:09:33

系统配置dns主从服务器

一、准备两台主机&#xff0c;区分主从 二、完全区域传送 1、主DNS服务器配置 #安装相关的包 [rootoula1 ~]# yum install bind -y#关闭防火墙 [rootoula1 ~]# systemctl stop firewalld [rootoula1 ~]# setenforce 0#修改配置主文件 [rootoula1 ~]# vim /etc/named.conf opt…...

编程日记 2024/1/19 12:07:31

【git】解决网络连接问题

ssh: connect to host github.com port 22: Connection timed out $ ssh: connect to host github.com port 22: Connection timed out fatal: Could not read from remote repository. bash: ssh:: command not found bash: fatal:: command not found无效 检查网络&#xf…...

编程日记 2024/1/19 12:04:28

限制API接口访问速率

文章目录 依赖注解aophelperTest 免责声明&#xff1a;本人无意侵权&#xff0c;奈何找不到原文作者&#xff0c;也找不到网址&#xff0c;于是自己记录一下&#xff0c;如果有侵权之嫌&#xff0c;请联系我删除文章 依赖 <!-- https://mvnrepository.com/artifact/com.goo…...

编程日记 2024/1/19 12:02:27

广东省第三届职业技能大赛“网络安全项目”B模块--数字取证解析

广东省第三届职业技能大赛“网络安全项目”B模块任务书 PS: 关注鱼影安全第一部分 网络安全事件响应第二部分 数字取证调查任务 3： 网络数据包分析取证解析：第三部分 应用程序安全：需要环境可以私信博主~PS: 关注鱼影安全 模块 B 竞赛项目试题 本文件为：广东省第三届职业技…...

编程日记 2024/1/19 12:00:25

全链路压力测试：现代软件工程中的重要性

全链路压力测试不仅可以确保系统在高负载下的性能和稳定性&#xff0c;还能帮助企业进行有效的风险管理和性能优化。在快速发展的互联网时代&#xff0c;全链路压力测试已成为确保软件产品质量的关键步骤。 1、测试环境搭建 测试应在与生产环境尽可能相似的环境中进行&#xff…...

编程日记 2024/1/19 11:59:24

【计算机网络】难点、易遗忘点总结

文章目录 1. 单工通信、半双工通信和全双工通信2. TCP的三次握手和四次挥手 1. 单工通信、半双工通信和全双工通信 主要区别在于信息传输的方向和时间安排。单工通信是指信息只能在一个方向上传输的通信方式。半双工通信允许信息在两个方向上传输&#xff0c;但在任何给定的时…...

编程日记 2024/1/19 11:58:23

谷达冠楠科技：抖音开网店新手小白可以卖的产品

随着互联网的发展&#xff0c;越来越多的人选择在网上开设自己的店铺。而抖音作为目前最火的短视频平台&#xff0c;也提供了开店的功能。那么&#xff0c;对于新手小白来说&#xff0c;抖音开网店可以卖哪些产品呢? 我们可以考虑的是服装类商品。抖音上有很多时尚博主&#x…...

编程日记 2024/1/19 11:57:23

爬虫案例—根据四大名著书名抓取并存储为文本文件

爬虫案例—根据四大名著书名抓取并存储为文本文件 诗词名句网&#xff1a;https://www.shicimingju.com 目标&#xff1a;输入四大名著的书名&#xff0c;抓取名著的全部内容&#xff0c;包括书名&#xff0c;作者&#xff0c;年代及各章节内容 诗词名句网主页如下图&#x…...

编程日记 2024/1/19 11:54:20

阿里云容器服务助力万兴科技 AIGC 应用加速

作者&#xff1a;子白&#xff08;顾静&#xff09; 2023 年堪称是 AIGC 元年&#xff0c;文生图领域诞生了 Stable Diffusion 项目&#xff0c;文生文领域诞生了 GPT 家族。一时间风起云涌&#xff0c;国内外许多企业投身 AIGC 创新浪潮&#xff0c;各大云厂商紧随其后纷纷推…...

编程日记 2024/1/19 11:53:18

云原生安全扫描：保护容器化应用的安全

云原生安全扫描&#xff1a;保护容器化应用的安全 引言 在云原生环境中&#xff0c;安全扫描是保障应用安全的重要手段。通过安全扫描&#xff0c;我们可以发现容器镜像和代码中的安全漏洞。 今天就来分享一下云原生安全扫描的最佳实践。 安全扫描类型 镜像扫描 扫描容器镜像中…...

编程新知 2026/5/20 15:57:06

别再只会用delay()了！用Celery的Canvas原语（Group/Chain/Chord）构建复杂异步工作流

别再只会用delay()了&#xff01;用Celery的Canvas原语构建复杂异步工作流 在异步任务处理领域&#xff0c;Celery早已成为Python生态中的标配工具。但令人惊讶的是&#xff0c;大多数开发者仅仅停留在task.delay()的基础用法上&#xff0c;就像只学会了加减法却从未接触过微积…...

编程新知 2026/5/20 13:51:56

2.1 C语言 ECG模块设计（推送）

文章目录1. 目标&#xff1a;2. 功能需求&#xff1a;3. 概要设计&#xff1a;3.1 系统架构&#xff1a;3.2 组件设计&#xff1a;4. 详细设计4.1 ECG_Module&#xff1a;4.1.1 职责&#xff1a;4.1.2 属性&#xff1a;4.1.3 方法&#xff1a;4.2 TMDQueue&#xff1a;4.2.1 职…...

编程新知 2026/5/20 13:01:51

企业级应用如何利用Taotoken实现稳定高效的多模型调度

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 企业级应用如何利用Taotoken实现稳定高效的多模型调度 在构建基于大模型的企业级应用时&#xff0c;开发团队常常面临几个核心挑战…...

编程新知 2026/5/20 12:27:03

计算机视觉：YOLOv12安装环境

YOLOv12安装环境 一、工具软件准备 1、yolov12 1&#xff09;下载yolov12主体部分 推荐官方地址&#xff1a;https://github.com/sunsmarterjie/yolov12 2&#xff09;下载训练模型 地址&#xff1a; https://github.com/sunsmarterjie/yolov12 3&#xff09;安装命令和p…...

编程新知 2026/5/20 11:10:25

如何一键清理Windows冗余驱动：Driver Store Explorer完全指南

如何一键清理Windows冗余驱动&#xff1a;Driver Store Explorer完全指南 【免费下载链接】DriverStoreExplorer Driver Store Explorer 项目地址: https://gitcode.com/gh_mirrors/dr/DriverStoreExplorer 你是否发现C盘空间不知不觉就满了&#xff1f;Windows系统在C:…...

编程新知 2026/5/20 10:09:52

Fast-GitHub架构解析：基于Manifest V3的浏览器扩展网络加速方案

Fast-GitHub架构解析&#xff1a;基于Manifest V3的浏览器扩展网络加速方案 【免费下载链接】Fast-GitHub 国内Github下载很慢&#xff0c;用上了这个插件后&#xff0c;下载速度嗖嗖嗖的~&#xff01; 项目地址: https://gitcode.com/gh_mirrors/fa/Fast-GitHub 技术架…...

编程新知 2026/5/20 9:38:55

STM32串口高效通信秘籍：巧用DMA+空闲中断实现不定长数据收发（基于CubeIDE）

STM32串口高效通信秘籍&#xff1a;巧用DMA空闲中断实现不定长数据收发&#xff08;基于CubeIDE&#xff09; 在物联网设备和嵌入式系统开发中&#xff0c;串口通信是最基础也最关键的通信方式之一。无论是传感器数据采集、设备间通信还是与上位机交互&#xff0c;稳定高效的串…...

编程新知 2026/5/20 9:21:37

避坑指南：DataSophon 1.0.0部署中那些官方文档没细说的步骤（防火墙、MySQL、Nginx配置）

DataSophon 1.0.0部署实战&#xff1a;防火墙策略、MySQL优化与Nginx反向代理的深度解析 当你第一次接触DataSophon这个新兴的大数据管理平台时&#xff0c;可能会被它"一小时部署300节点"的宣传所吸引。但真正开始部署时&#xff0c;很多工程师会发现官方文档对一些…...

编程新知 2026/5/20 8:17:07

MindCluster集群调度实践-通用超节点调度算法

作者&#xff1a;昇腾实战派 一、超节点的重要性 随着模型参数量的上升&#xff0c;训练任务运行所需的芯片数量也达到了万卡、十万卡级别。如何将如此庞大的芯片链接起来&#xff0c;并且做到通信带宽和成本的平衡&#xff0c;成为硬件层面的一大难题。 图1.资源扩展方式示…...

编程新知 2026/5/20 8:12:41