将form表单中的省市区的3个el-select下拉框的样式调成统一的间隔距离和长度，vue3项目iot-＞供应商管理

省市区是用3个el-select组成的

在表单中用el-col，会导致3个下拉的距离不统一，市和区的前面也是不需要文字label的

如何解决:用vue3的:deep()进行样式穿透，由于el-form-item标签都是一样的，为了能准确的找到市的el-form-item，给这个el-form-item标签设置一个id

 用vue3的样式穿透改长度

 

 因为市和区的前面都不需要文字label,所以el-form-item标签里没有写label

 最后，实现了省市区的下拉框之间的间隔一样，下拉框的长度也一样，这样比较好看

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

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

相关文章

解决：前端js下载文件流出现“未知文件格式”错误

解决：前端js下载文件流出现“未知文件格式”错误

第一中情况： 出现的问题，前端已经设置了responseType: blob,下载下来还是格式不对。 最后经过排查，后端缺少charsetutf-8，所以前端可以设置编码： 第二中情况： 后端已经设置了charsetutf-8，前…
阅读更多...
机器学习/sklearn 笔记：K-means,kmeans++,MiniBatchKMeans，二分Kmeans

机器学习/sklearn 笔记：K-means,kmeans++,MiniBatchKMeans，二分Kmeans

1 K-means介绍 1.0 方法介绍 KMeans算法通过尝试将样本分成n个方差相等的组来聚类，该算法要求指定群集的数量。它适用于大量样本，并已在许多不同领域的广泛应用领域中使用。KMeans算法将一组样本分成不相交的簇，每个簇由簇中样本的平均值描…
阅读更多...
JS实现数组去重

JS实现数组去重

数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的 10 种，面试官很有可能对你刮目相看。 在真实的项目中碰到的数组去重，一般…
阅读更多...
数据结构-树

数据结构-树

参考：https://www.hello-algo.com/chapter_tree/binary_tree/#711 1. 介绍 树存储不同于数组和链表的地方在于既可以保证数据检索的速度，又可以保证数据插入删除修改的速度，二者兼顾。 二叉树是一种很重要的数据结构，是非线性的…
阅读更多...
【学习篇】Linux中grep、sed、awk

【学习篇】Linux中grep、sed、awk

Linux 文本处理三剑客 – awk, sed, grep grep过滤文本 https://zhuanlan.zhihu.com/p/561445240 grep 是 Linux/Unix 系统中的一个命令行工具，用于从文件中搜索文本或字符串。grep 代表全局正则表达式打印。当我们使用指定字符串运行 grep 命令时，如…
阅读更多...
Mysql并发时常见的死锁及解决方法

Mysql并发时常见的死锁及解决方法

使用数据库时，有时会出现死锁。对于实际应用来说，就是出现系统卡顿。 死锁是指两个或两个以上的事务在执行过程中，因争夺资源而造成的一种互相等待的现象。就是所谓的锁资源请求产生了回路现象，即死循环，此时称系统处于…
阅读更多...
星河创新，开拓新纪！2023“星河产业应用创新奖”报名全面开启！

星河创新，开拓新纪！2023“星河产业应用创新奖”报名全面开启！

科技的浪潮汹涌而至，人工智能正悄无声息地渗透进我们生活的每一个角落，成为推动社会奔腾向前的强大引擎。 随着大模型时代到来，更多的创新者涌现出来，他们正积极探索AI与实体的深度融合，解决行业难题，开拓…
阅读更多...
算法的奥秘：种类、特性及应用详解（算法导论笔记1）

算法的奥秘：种类、特性及应用详解（算法导论笔记1）

算法，是计算机科学领域的灵魂，是解决问题的重要工具。在算法的世界里，有着各种各样的种类和特性。今天，我将带各位踏上一段探索算法种类的旅程，分享一些常见的算法种类，并给出相应的实践和案例分析。希望通…
阅读更多...
c# 微信小程序支付，订单录入发货

c# 微信小程序支付，订单录入发货

微信改动，大家一起改，来吧 private string GetAccessToken(string openid){string AppID "";string AppSecret "";string url "https://api.weixin.qq.com/cgi-bin/token?grant_typeclient_credential&appid"AppI…
阅读更多...
华纳云：Linux每天自动备份mysql数据库怎么实现

华纳云：Linux每天自动备份mysql数据库怎么实现

在 Linux 系统中，你可以使用 cron 任务来定期执行 MySQL 数据库备份。以下是一个简单的步骤，演示如何设置每天自动备份 MySQL 数据库： 创建备份脚本： 创建一个 Shell 脚本，其中包含备份 MySQL 数据库的命令。假设脚本名…
阅读更多...
【目标检测】保姆级别教程从零开始实现基于Yolov8的一次性筷子计数

【目标检测】保姆级别教程从零开始实现基于Yolov8的一次性筷子计数

前言 一，环境配置 一，虚拟环境创建 二，安装资源包 前言 最近事情比较少，无意间刷到群聊里分享的基于百度飞浆平台的一次性筷子检测，感觉很有意思，恰巧自己最近在学习Yolov8，于是看看能不能复…
阅读更多...
前端JS数据时间排序

前端JS数据时间排序

一、sort()方法 var data [ { name:‘1’, time:‘2019-04-26 10:53:19’ }, { name:‘2’, time:‘2019-04-26 10:51:19’ },{ name:‘3’, time:‘2019-04-26 11:04:32’ },{ name:‘4’, time:‘2019-04-26 11:05:32’ } ] data.sort(function(a,b){ return a.time < b…
阅读更多...
js进阶笔记之作用域

js进阶笔记之作用域

目录 全局作用域 局部作用域 函数作用域 块作用域 作用域链 闭包 垃圾回收机制 作用域&#xff08;scope&#xff09;规定了变量能够被访问的“范围”&#xff0c;离开了这个“范围”变量便不能被访问&#xff0c;作用域分为全局作用域和局部作用域。 全局作用域 <…
阅读更多...
【Go语言从入门到实战】反射编程、Unsafe篇

【Go语言从入门到实战】反射编程、Unsafe篇

反射编程 reflect.TypeOf vs reflect.ValueOf func TestTypeAndValue(t *testing.T) {var a int64 10t.Log(reflect.TypeOf(a), reflect.ValueOf(a))t.Log(reflect.ValueOf(a).Type()) }判断类型 - Kind() 当我们需要对反射回来的类型做判断时&#xff0c;Go 语言内置了一个…
阅读更多...
【23真题】最简单的211！均分141分！

【23真题】最简单的211！均分141分！

今天分享的是23年河海大学863的信号与系统试题及解析。 我猜测是由于23年太简单&#xff0c;均分都141分&#xff0c;导致24考研临时新增一门数字信号处理&#xff01;今年考研的同学赶不上这么简单的专业课啦&#xff01; 本套试卷难度分析&#xff1a;平均分为102和141分&a…
阅读更多...
ECharts与DataV：数据可视化的得力助手

ECharts与DataV：数据可视化的得力助手

文章目录 引言一、ECharts简介优势&#xff1a;劣势&#xff1a; 二、DataV简介优势&#xff1a;劣势&#xff1a; 三、ECharts与DataV的联系四、区别与选择五、如何选择根据需求选择技术栈考虑预算和商业考虑 结论我是将军&#xff0c;我一直都在&#xff0c;。&#xff01; 引…
阅读更多...
LeetCode题解：13. 罗马数字转整数，哈希表，JavaScript，详细注释

LeetCode题解：13. 罗马数字转整数，哈希表，JavaScript，详细注释

原题链接&#xff1a;13. 罗马数字转整数 解题思路&#xff1a; 本题涉及到的罗马数字都是唯一的&#xff0c;因此可以创建一个哈希表&#xff0c;存储罗马数字和整数的对应关系。遍历s&#xff0c;分别截取从i开始的2位和1位字符串&#xff0c;查看其在哈希表中的罗马数字对…
阅读更多...
pytest调用其他测试用例方法

pytest调用其他测试用例方法

pytest调用其他测试用例方法 一. 第一种方法&#xff0c;测试用例前置pytest.fixture() def test1():print("我是用例一") pytest.fixture(test1) def test2():print("我是用例二")二.第二种方法,如果不是同一文件中测试用例调用或者同一py文件中 def t…
阅读更多...
3.10-容器的操作

3.10-容器的操作

这一节讲解一下对于container我们可以进行哪些操作&#xff1f; 可以使用以下命令来停止正在运行的Docker容器&#xff1a; docker container stop <CONTAINER ID> 关于运行中的容器&#xff0c;我们可以进行的操作&#xff1a; 第一个是docker exec命令&#xff0c;这个…
阅读更多...
NLP实践——LLM生成过程中防止重复循环

NLP实践——LLM生成过程中防止重复循环

NLP实践——LLM生成过程中防止重复 1. 准备工作2. 问题分析3. 创建processor3.1 防止重复生成的processor3.2 防止数字无规则循环的processor 4. 使用 本文介绍如何使用LogitsProcessor避免大模型在生成过程中出现重复的问题。 1. 准备工作 首先实例化一个大模型&#xff0c;…
阅读更多...
最新文章

Copyright @ 2022~2023