將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.pswp.cn/news/166781.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/166781.shtml
英文地址，請注明出處：http://en.pswp.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