ElementUI的中國省市區級聯數據插件element-china-area-data

安裝

npm install element-china-area-data -S

import 使用

import {provinceAndCityData,pcTextArr,regionData,pcaTextArr,codeToText,
} from "element-china-area-data";
  1. provinceAndCityData省市二級聯動數據,漢字+code
  2. regionData省市區三級聯動數據
  3. pcTextArr省市聯動數據,純漢字
  4. pcaTextArr省市區聯動數據,純漢字
  5. codeToText是個大對象,屬性是區域碼,屬性值是漢字 用法例如:codeToText['110000']輸出北京市

  • 省市二級聯動:

    <template><div id="app"><el-cascadersize="large":options="provinceAndCityData"v-model="selectedOptions"></el-cascader></div>
    </template><script>import { provinceAndCityData } from 'element-china-area-data'export default {data () {retu

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/40454.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/40454.shtml
英文地址,請注明出處:http://en.pswp.cn/web/40454.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

合合信息大模型“加速器”亮相2024世界人工智能大會,助力大模型學好“專業課”

7月4日至7日&#xff0c;2024世界人工智能大會在上海拉開帷幕。現階段&#xff0c;“百模大戰”現象背后的中國大模型發展前景與堵點仍然是各界關注的焦點。如何幫助大模型在信息的海洋中快速找準航向&#xff0c;在數據的荒漠中找到高質量的“水源”&#xff1f;合合信息在本次…

多個comfyui之間如何共享模型,節省存儲空間

COMFYUI 模型共享插件教程 一、COMFYUI 模型共享插件教程1.1 插件特性1.2 插件介紹1.3 鏈接 二、詳細配置步驟2.1 開啟開發者選項2.2 放置插件文件2.3 放置配置文件2.4 編輯配置文件2.4.1 其他配置項 三、啟動COMFYUI并驗證3.1 啟動COMFYUI3.2 驗證模型共享3.3 多整合包共享配置…

CTF之unseping

拿到題目看不懂&#xff1f;這是難度1&#xff1f;含淚去看大佬的wp&#xff0c;寫下我的自傳&#xff01; <?php highlig…

云倉酒莊天津分公司:深化業務常態化運營

標題&#xff1a;云倉酒莊天津分公司&#xff1a;深化業務常態化運營&#xff0c;以沙龍為紐帶&#xff0c;構建價值疊加的酒業新生態 在當今復雜多變的經濟環境中&#xff0c;傳統酒業面臨著前所未有的挑戰與機遇。隨著數字化轉型的加速和消費者偏好的日益多元化&#xff0c;…

一鍵直達:2024最新Win10系統安裝包!快來下載!

對于想體驗Win10系統最新功能的用戶來說&#xff0c;尋找可靠的最新系統安裝包是特別重要的。接下來系統之家小編就給大家帶來2024年最新Win10系統安裝包&#xff0c;有需要的小伙伴一鍵點擊就能開始下載。該系統安裝步驟簡單易懂&#xff0c;無需擔心任何裝機經驗。 推薦下載&…

react_web自定義組件_多類型Modal_搜索欄Search

目錄 一、帶輸入框的Modal 二、提示框Modal 三、搜索欄Search 在做項目時引入一些現成的UI組件&#xff0c;但是如果和設計圖沖突太大&#xff0c;更改時很麻煩&#xff0c;如果自己寫一個通用組件其實也就幾十分鐘或者幾個小時&#xff0c;而且更具UI設計更改也比較好更改&…

【Linux進程】進程優先級 Linux 2.6內核進程的調度

前言 進程是資源分配的基本單位, 在OS中存在這很多的進程, 那么就必然存在著資源競爭的問題, 操作系統是如何進行資源分配的? 對于多個進程同時運行, 操作系統又是如何調度達到并發呢? 本文將以Linux kernel 2.6為例 , 向大家介紹進程在操作系統中 (OS) 的調度原理; 1. 進程優…

【網絡安全】第7講 計算機病毒概述(筆記)

一、計算機病毒的簡介 1、名稱的由來 由生物醫學上的 “病毒” 一詞借用而來。 &#xff08;1&#xff09;與生物醫學上“病毒”的異同 同&#xff1a;都具有傳染性、流行性、針對性等。異&#xff1a;不是天生的&#xff0c;而是人為編制的具有特殊功能的程序。 2、病毒的起…

免費代理 IP 如何泄露您的個人信息?

互聯網時代&#xff0c;信息安全和隱私保護成為人們關注的焦點。很多用戶出于各種需要&#xff0c;使用代理服務器瀏覽網頁或進行其他網絡活動&#xff0c;其中免費代理IP因其免費的特點而受到廣泛青睞。然而&#xff0c;免費代理IP并不總是一個安全可靠的選擇&#xff0c;它們…

process.env 管理 Vue 項目的環境變量(Vue項目中環境變量的配置及調用)

簡述&#xff1a;在構建 Vue 應用時&#xff0c;管理配置是開發中的一個重要部分。不同的環境&#xff08;如開發、測試和生產&#xff09;往往需要不同的配置&#xff0c;例如 API、 基礎 URL、第三方服務的密鑰等。使用環境變量可以幫助我們更好地管理這些配置。這里將介紹如…

每天10個js面試題(二)

1.事件輪詢&#xff1f; JavaScript 是單線程的&#xff0c;同一時間只能做一件事。所有任務都需要排隊&#xff0c;前一個任務結束&#xff0c;才會執行后一個任務&#xff0c;為了保證任務有序的執行&#xff0c;事件輪詢就是單線程任務調度的一種方式&#xff0c;單線程任務…

1014-01SF 同軸連接器

型號簡介 1014-01SF是Southwest Microwave的一款2.92 mm 同軸連接器。這款連接器外殼采用鋼CRES 合金 UNS S30300&#xff0c;觸點采用鈹銅 (BeCu)&#xff0c;UNS C17300&#xff0c;并經過金鍍處理&#xff0c;以確保良好的導電性和耐腐蝕性。適用于高頻微波應用&#xff0c;…

如何設計通用用戶、權限、菜單數據表

在設計一個通用的用戶、權限和菜單管理系統時&#xff0c;我們通常需要創建幾個核心的數據庫表來管理用戶信息、角色信息、權限信息以及菜單信息。下面是一個基于SQL的示例&#xff0c;展示了如何建立這些基礎表格。 數據庫表設計 1. 用戶表 (users) Sql 1CREATE TABLE user…

從 0 到 1 安裝運行 Qwen2

環境信息&#xff1a; PyTorch 2.0.0 Python 3.8(ubuntu20.04) Cuda 11.8 RTX 3090(24GB) * 1 模型 /home/zhangwei/llm 源碼 /usr/local/project/conda/Qwen/Qwen mkdir -p /usr/local/project/conda/Qwen #【用來存放Qwen2源碼】 mkdir -p /home/zhangwei/llm #【用來存放Q…

機器人典型的交互任務、阻抗控制的示意圖、內涵、意義、存在的交互控制科學問題

機器人典型的交互任務 機器人在實際應用中經常需要完成與環境的交互任務&#xff0c;這些任務包括但不限于&#xff1a; 裝配任務&#xff1a;在制造業中&#xff0c;機器人需要準確地操控和組裝各種零部件&#xff0c;包括不同形狀、大小和材質的物體。搬運任務&#xff1a;…

科普文:一文搞懂nginx原理和實戰

1. Nginx簡介與核心架構 1.1 Nginx簡介 Nginx (engine x) 是一個高性能的 HTTP 和反向代理服務器&#xff0c;也是一個 IMAP/POP3/SMTP 郵件代理服務器。 由 Igor Sysoev 于2004年首次發布&#xff0c;其設計目標是解決 C10K 問題&#xff0c;即在一臺服務器上同時處理一萬個并…

The Sandbox 人物化身每月獎勵: 七月版來了!

人物化身的持有者可以從 The Sandbox 領取自己的隊服&#xff01; 視頻&#xff1a;https://youtu.be/tSo5FPL7DhE 我們又推出了人物化身所有者月度獎勵&#xff01;在七月&#xff0c;我們將通過 The Sandbox 隊服來弘揚體育競技精神。穿上這些時尚的元宇宙隊服&#xff0c;代…

Java:HashMap底層原理

一、前言 在Java 7及之前的版本中&#xff0c;HashMap的底層數據結構主要是數組加鏈表&#xff0c;在Java 8中&#xff0c;HashMap的底層數據結構是數組鏈表紅黑樹的組合。 二、底層數據結構 1. 數組 初始化和擴容&#xff1a;HashMap首先會初始化一個指定長度的數組&#xf…

單機多網卡互通——問題跟蹤+工具分析

一、背景 想搭建soft ROCE(RXE)與實體ROCE設備互聯的測試環境&#xff0c;為了節省機器以及使用方便&#xff0c;預想在配備ROCE卡的主機上&#xff0c;用另一個網卡綁定soft ROCE&#xff0c;然后互通。 [ETH1 ROCE] <--------------------> [ETH2 RXE] 二、問題跟…

Appium元素定位(全網詳細講解)(二)

1.appium inspector&#xff08;定位元素的工具&#xff09;使用方法 詳細介紹&#xff1a; 詳細解釋&#xff1a; 圖標名稱說明1Show Element Handles是否顯示元素句柄2Select Elements選擇元素定位3Tap/Swipe By Coordinates按坐標點擊/滑動4Download Screenshot下載屏幕截…