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

vue3中省市区联动在同一个el-form-item中咋么设置rules验证都不为空的效果

news 2026/5/15 10:22:22

在开发中出现如下情况，在同一个el-form-item设置了省市区三级联动的效果

      <el-form-item label="地区" prop="extraProperties.Province"><el-row :gutter="20"><el-col :span="12"><el-select v-model="InformationForm.extraProperties.Province" placeholder="请选择省份" :disabled="readOnly" style="width: 240px" @change="provinceChange"><el-optionv-for="item in provinceOptions":key="item.text":label="item.value":value="item.text"/></el-select></el-col><el-col :span="12"><el-select v-model="InformationForm.extraProperties.City" placeholder="请选择市/区" style="width: 240px" :disabled="readOnly" ><el-optionv-for="item in cityOptions":key="item.text":label="item.value":value="item.text"/></el-select></el-col></el-row></el-form-item>

如上设置的prop是extraProperties.Province，导致验证时只要省份选择了就不验证市区了，

那咋么办，其实可以把prop直接设置成extraProperties.City，这样可以直接去验证市区，而省份的话选择了，才会联动出市区的数据，用户才能选择市区，以此类推就可以实现上面的三级都验证不为空的问题。

相关文章：

vue3中省市区联动在同一个el-form-item中咋么设置rules验证都不为空的效果

在开发中出现如下情况&#xff0c;在同一个el-form-item设置了省市区三级联动的效果 <el-form-item label"地区" prop"extraProperties.Province"><el-row :gutter"20"><el-col :span"12"><el-select v-model&qu…...

编程日记 2024/6/29 15:08:08

如何集成CppCheck到visual studio中

1.CPPCheck安装 在Cppcheck官方网站下载最新版本1.70&#xff0c;官网链接&#xff1a;http://cppcheck.sourceforge.net/ 安装Cppcheck 2.集成步骤 打开VS&#xff0c;菜单栏工具->外部工具->添加&#xff0c;按照下图设置&#xff0c;记得勾选“使用输出窗口” 2.…...

编程日记 2024/6/29 15:06:35

GWO-CNN-SVM，基于GWO灰狼优化算法优化卷积神经网络CNN结合支持向量机SVM数据分类(多特征输入多分类)

GWO-CNN-SVM&#xff0c;基于GWO灰狼优化算法优化卷积神经网络CNN结合支持向量机SVM数据分类(多特征输入多分类) 1. GWO灰狼优化算法 灰狼优化算法&#xff08;Grey Wolf Optimizer, GWO&#xff09;是一种启发式优化算法&#xff0c;模拟了灰狼群体的社会行为&#xff0c;包…...

编程日记 2024/6/29 15:05:33

Go-知识测试-工作机制

Go-知识测试-工作机制 生成test的maintest的main如何启动case单元测试 runTeststRunnertesting.T.Run 示例测试 runExamplesrunExampleprocessRunResult 性能测试 runBenchmarksrunNtesting.B.Run 在 Go 语言的源码中&#xff0c;go test 命令的实现主要在 src/cmd/go/internal…...

编程日记 2024/6/29 15:02:27

【小程序静态页面】猜拳游戏大转盘积分游戏小程序前端模板源码

猜拳游戏大转盘积分游戏小程序前端模板源码&#xff0c; 一共五个静态页面&#xff0c;首页、任务列表、大转盘和猜拳等五个页面。 主要是通过做任务来获取积分&#xff0c;积分可以兑换商品&#xff0c;也可用来玩游戏&#xff1b;通过玩游戏既可能获取奖品或积分也可能会消…...

编程日记 2024/6/29 15:01:25

JupyterServer配置

1. 安装jupyter ​pip install jupyter -i https://pypi.tuna.tsinghua.edu.cn/simple --default-timeout1000 2. 生成配置 jupyter notebook --generate-config 3. 修改配置&#xff0c;设置密码 获取密码的方式&#xff1a;命令行输入python后&#xff0c;用以下方式获…...

编程日记 2024/6/29 15:00:23

信息检索（57）：MINIMIZING FLOPS TO LEARN EFFICIENT SPARSE REPRESENTATIONS

MINIMIZING FLOPS TO LEARN EFFICIENT SPARSE REPRESENTATIONS 摘要1 引言2 相关工作3 预期 FLOPS 次数4 我们的方法5 实验6 结论 发布时间&#xff08;2020&#xff09; 最小化 Flop 来学习高效的稀疏表示 摘要 1&#xff09;学习高维稀疏表示 2&#xff09;FLOP 集成到损失…...

编程日记 2024/6/29 14:57:19

Python 面试【中级】

欢迎莅临我的博客 &#x1f49d;&#x1f49d;&#x1f49d;&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:「stormsha的主页」…...

编程日记 2024/6/29 14:54:15

[Open-source tool]Uptime-kuma的簡介和安裝於Ubuntu 22.04系統

[Uptime Kuma]How to Monitor Mqtt Broker and Send Status to Line Notify Uptime-kuma 是一個基於Node.js的開軟軟體&#xff0c;同時也是一套應用於網路監控的開源軟體&#xff0c;其利用瀏覽器呈現直觀的使用者介面&#xff0c;如圖一所示&#xff0c;其讓使用者可監控各種…...

编程日记 2024/6/29 14:52:12

【2024最新华为OD-C/D卷试题汇总】[支持在线评测] 灰度图像恢复(100分) - 三语言AC题解(Python/Java/Cpp)

&#x1f36d; 大家好这里是清隆学长 &#xff0c;一枚热爱算法的程序员 ✨ 本系列打算持续跟新华为OD-C/D卷的三语言AC题解 &#x1f4bb; ACM银牌&#x1f948;| 多次AK大厂笔试 &#xff5c; 编程一对一辅导 &#x1f44f; 感谢大家的订阅➕ 和 喜欢&#x1f497; &#x1f…...

编程日记 2024/6/29 14:51:10

leetcode494. 目标和

1.思想方法 2.代码 class Solution { public int findTargetSumWays(int[] nums, int target) {int sum 0;for(int num : nums)sum num;if(sum < Math.abs(target) || (targetsum)%2 ! 0)return 0;int x (targetsum) / 2,n nums.length;//基于滚动数组的方法int[] dp…...

编程日记 2024/6/29 14:50:09

数据结构简介

在容器的基础之上&#xff0c;java引入了数据结构的概念。数据结构可以简单地理解成是一个以特定的布局方式来存储数据的容器。但是我个人觉得这种理解方式不太合理&#xff0c;根据我们学的数据结构的内容&#xff0c;我更倾向于数据结构是数据在容器中的布局方式&#xff0c;…...

编程日记 2024/6/29 14:49:08

PyScript：在浏览器中释放Python的强大

PyScript&#xff1a;Python代码&#xff0c;直接在网页上运行。- 精选真开源&#xff0c;释放新价值。 概览 PyScript是一个创新的框架&#xff0c;它打破了传统编程环境的界限&#xff0c;允许开发者直接在浏览器中使用Python语言来创建丰富的网络应用。结合了HTML界面、Pyo…...

编程日记 2024/6/29 14:47:06

巴黎成为欧洲AI中心 大学开始输出AI创始人

来自Dealroom 的数据显示&#xff0c;在欧洲和以色列AI创业公司中&#xff0c;法国的AI创业公司资金最充裕。Mistral、Owkin、Hugging Face等法国企业已经融资23亿美元&#xff0c;比英国、德国AI创业公司都要多。 一名大学生走出校门凭借聪明才智和一个黄金点子成为富豪&#…...

编程日记 2024/6/29 14:44:03

完全离线的本地问答模型LocalGPT如何实现无公网IP远程连接提问

文章目录 前言环境准备1. localGPT部署2. 启动和使用3. 安装cpolar 内网穿透4. 创建公网地址5. 公网地址访问6. 固定公网地址 前言 本文主要介绍如何本地部署LocalGPT并实现远程访问&#xff0c;由于localGPT只能通过本地局域网IP地址端口号的形式访问&#xff0c;实现远程访问…...

编程日记 2024/6/29 14:41:00

【算法专题--栈】栈的压入、弹出序列 -- 高频面试题（图文详解，小白一看就懂！！）

目录 一、前言 二、题目描述 三、解题方法 &#x1f4a7;栈模拟法&#x1f4a7;-- 双指针 ⭐ 解题思路 ⭐ 案例图解 四、总结与提炼 五、共勉 一、前言 栈的压入、弹出序列 这道题&#xff0c;可以说是--栈专题--&#xff0c;最经典的一道题&#xff0c;也是在…...

编程日记 2024/6/29 14:37:56

如何高效安全的开展HPC数据传输，保护数据安全？

高性能计算&#xff08;HPC&#xff09;在多个行业和领域中都有广泛的应用&#xff0c;像科学研究机构、芯片IC设计企业、金融、生物制药、能源、航天航空等。HPC&#xff08;高性能计算&#xff09;环境中的数据传输是一个关键环节&#xff0c;它涉及到将数据快速、安全地在不…...

编程日记 2024/6/29 14:35:53

Java部分复习笔记整理

一、Java常用类 1.String类 表示字符串&#xff0c;不可变&#xff0c;常用方法包括length(), charAt(), substring(), indexOf(), equals()等。 2.ArrayList类 基于数组实现的动态数组&#xff0c;可变大小&#xff0c;常用方法包括add(), get(), set(), remove(), size()…...

编程日记 2024/6/29 14:34:52

GoLang语言

基础 安装Go扩展 go build 在项目目录下执行go build go run 像执行脚本文件一样执行Go代码 go install go install分为两步&#xff1a; 1、 先编译得到一个可执行文件 2、将可执行文件拷贝到GOPATH/bin Go 命令 go build :编译Go程序 go build -o "xx.exe"…...

编程日记 2024/6/29 14:32:50

ctfshow web入门 sqli-labs web517--web524

web517 注入点id ?id-1’union select 1,2,3– 确认是否能够注入 ?id-1union select 1,database(),3-- 爆出库名 security爆出表名 ?id-1union select 1,(select group_concat(table_name) from information_schema.tables where table_schemasecurity),3-- emails,refer…...

编程日记 2024/6/29 14:31:48

ArchR实战避坑指南：从scATAC-seq数据到细胞轨迹分析，我的踩坑记录与参数调优心得

ArchR实战避坑指南&#xff1a;从scATAC-seq数据到细胞轨迹分析 当你在深夜第三次尝试用ArchR处理scATAC-seq数据时&#xff0c;突然弹出的红色报错信息是否让你感到绝望&#xff1f;作为一款强大的单细胞染色质可及性分析工具&#xff0c;ArchR的官方教程虽然详尽&#xff0c;…...

编程新知 2026/5/15 9:53:52

Claude与OpenClaw整合指南：AI代码生成与自动化执行实战

1. 项目概述与核心价值最近在开发者社区里&#xff0c;一个名为“Claude-Code-x-OpenClaw-Guide-Zh”的项目引起了我的注意。乍一看这个标题&#xff0c;可能有些朋友会觉得它像是一个普通的工具集合或者文档翻译。但当我深入探究其背后的代码仓库和社区讨论后&#xff0c;我发…...

编程新知 2026/5/15 9:04:14

android C++版本opencv数值拼接图片+水平拼接图片效果

这是vconcat() 也就是vertical concat效果-----------------------这是hconcat() 也就是horizontal concat()...

编程新知 2026/5/15 8:07:13

树莓派CharliePlex LED矩阵驱动：从I2C通信到Python动画实战

1. 项目概述与硬件解析如果你手头有一块树莓派&#xff0c;想给它加个能显示点动态信息、甚至能播放小动画的“眼睛”&#xff0c;那Adafruit的CharliePlex LED矩阵Bonnet绝对是个好玩又实用的选择。这东西本质上是一个直接插在树莓派GPIO排针上的扩展板&#xff08;Bonnet&…...

编程新知 2026/5/15 7:27:41

菲仕技术冲刺港股：年营收16亿，亏6189万 先进制造与京津冀基金是股东

雷递网 雷建平 5月14日宁波菲仕技术股份有限公司&#xff08;简称&#xff1a;“菲仕技术”&#xff09;日前更新招股书&#xff0c;准备在港交所上市。年营收16亿 亏6189万菲仕技术成立于2001年&#xff0c;是一家电驱动解决方案供应商&#xff0c;提供综合及定制化的电驱动系…...

编程新知 2026/5/15 6:16:53

别再只用setToolTip了！深入Qt事件体系，搞懂鼠标悬停提示的三种高阶玩法

深入Qt事件体系&#xff1a;鼠标悬停提示的三种高阶实现方案 在Qt应用开发中&#xff0c;鼠标悬停提示&#xff08;ToolTip&#xff09;是最常见的用户交互增强手段之一。大多数开发者止步于简单的setToolTip()API调用&#xff0c;却不知道Qt事件系统为这一功能提供了更强大、更…...

编程新知 2026/5/15 5:55:01

DeepSeek LeetCode 2376.统计特殊整数 public int countSpecialNumbers(int n)

这是 LeetCode 2376 题&#xff1a;统计特殊整数。题目理解特殊整数&#xff1a;十进制表示中每一位数字都不同的整数。例如&#xff1a;123、20、5 都是特殊的&#xff0c;但 11、121 不是。要求统计 [1, n] 范围内特殊整数的数量。解题思路数位 DP (Digit DP) 是标准解法&…...

编程新知 2026/5/15 5:11:20

SpringBoot整合SpringSecurity与JWT：从零构建精细化权限管理系统

1. 为什么需要精细化权限管理&#xff1f; 在开发企业级应用时&#xff0c;权限管理就像给大楼安装门禁系统。想象一下&#xff0c;如果整栋办公楼只有一个大门钥匙&#xff0c;要么所有人都能进财务室&#xff0c;要么连保洁阿姨都进不了卫生间——这显然不合理。我在实际项目…...

编程新知 2026/5/15 5:03:58

NotebookLM播客化军规级配置（仅限前500名开发者获取的prompt工程模板+声学环境补偿表）

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;NotebookLM播客化军规级配置全景导览 NotebookLM 的播客化&#xff08;Podcasting&#xff09;能力并非开箱即用&#xff0c;需通过严格配置激活其语音合成、语义分段与上下文锚定三大核心能力。以下为…...

编程新知 2026/5/15 3:54:18

构建本地AI智能体：从LLM工具调用到自动化工作流实战

1. 项目概述&#xff1a;一个能“听懂”你需求的本地AI助手最近在折腾本地大语言模型&#xff08;LLM&#xff09;的朋友&#xff0c;可能都绕不开一个痛点&#xff1a;模型本身能力很强&#xff0c;但怎么让它真正“听话”&#xff0c;按照你的具体需求去执行任务&#xff1f;…...

编程新知 2026/5/15 3:47:56