首页 > 其他分享 >element table列表项展示省市区

element table列表项展示省市区

时间:2023-07-24 16:44:59浏览次数:40  
标签:area CodeToText value element table 省市区 areac row

使用的省市区插件 npm install element-china-area-data -S

引用import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from 'element-china-area-data'

绑定formatter的方法
<el-table-column align="center" :formatter="getProvince" />

绑定当前选中的值

<el-cascader
style="width: 100%"
:options="options"
v-model="form.areaOptions"
@change="addressChoose"

在methods使用方法
getProvince(row,colum){ //转码 if(row.areac && row.areac) { return CodeToText[row.areac] +'-'+ CodeToText[row.area]; } }, addressChoose(value) { //选中值发生变化 this.form.areaOptions = [value[0],value[1]] },

标签:area,CodeToText,value,element,table,省市区,areac,row
From: https://www.cnblogs.com/hxke/p/17577632.html

相关文章

  • 手撕博客0到1拓展-bootstrap-table
    1.默认常量信息(表)1.1.无法转换为自定义方法属性默认值描述heightundefined表格的高度classestabletable-borderedtable-hover表格的类名称buttons{}按钮,bootstraptable加载的按钮集,可自定义theadClasses表头样式''undefinedText'-'当数据为undefined时显示的字符localeund......
  • 使用mysqldump备份数据库时报错表不存在,提示信息Table 'mysql.engine_cost' doesn't e
    问题描述:使用mysqldump备份数据库时报错表不存在,提示信息Table'mysql.engine_cost'doesn'texist,如下所示:数据库:mysql5.7.211、异常重现[mysql@hisdb1~]$mysqldump-uroot-S/mysql/data/mysql.sock-P3306--max_allowed_packet=1G--master-data=2--single-transaction......
  • AI转换视频风格:Stable Diffusion+TemporalKit
    话不多说,开干!基本方法首先通过Temporal-Kit这个插件提取视频中的关键帧图片,然后使用StableDiffusionWebUI重绘关键帧图片,然后再使用Temporal-Kit处理转换后的关键帧图片,它会自动补充关键帧之间的图片,最后拼合这些图片,形成视频。这个方法建议尽量找些背景简单的、主体......
  • JeecgBoot轻松解决ERP项目复杂布局需求,JVXETable高性能表格效果和项目案例
    ERP项目表格布局一般都很复杂,要求大数据、高性能操作,这个用JeecgBoot如何解决呢?下边是我们之前服务过的一个应用行编辑的ERP项目,以强大的行编辑功能,让客户很满意,下面我们来看一下这个项目:1.客户需求每行数据可以实时编辑、自动保存,其他用户数据实时刷新并且有日历翻牌效果......
  • 【原创】在 VBScript 中使用哈希表(Hashtable)
    环境要求WindowsXP及以上。Windows10、Windows11在Windows功能中勾选.NETFramework3.5(包括.NET2.0和3.0)。使用创建一个Hashtable对象:SetoHT=CreateObject("System.Collections.Hashtable")Count属性:返回表中键值对的数量SetoHT=CreateObj......
  • iptables简要介绍及使用iptables实践NAT技术
    简介iptables的文章多如牛毛,但是,我读了一些,发现虽然成体系,但是不便理解,今天就结合自己的理解,好好讲解下,另外,我们也会使用iptables来实验一个nat地址转换的demo,nat转换,通俗地讲,一般是为了解决ipv4公网地址不够用的问题,因此在学校、公司等机构的有公网ip的服务器上,部署nat软件进行......
  • iptables防火墙调试,想打印个日志就这么难
    背景怎么会讲这个话题,这个说来真的长了。但是,长话短说,也是可以的。我前面的文章提到,线上的服务用了c3p0数据库连接池,会偶发连接泄露问题,而分析到最后,又怀疑是db侧主动关闭连接,或者是服务所在机器和db之间有防火墙,防火墙主动关闭了连接。导致我们这边socket看着还健康,实际在对端......
  • map.xml文件报The content of element type "mapper" must match "(cache-ref|cache|r
    出现这个问题 是因为  <insert></insert>  <delete></delete>  <update></update>  <select></select>等标签写的不完整或者写错位置了比如<insert></insert>只写了一个,没有写结尾</insert>或者<insert></insert>中的</in......
  • python+playwright 学习-67 抓取 table 表格数据
    前言最近有小伙伴提到如何抓取table表格上的数据,table表格的数据很简单,就是行和列。可以按行抓取,也可以按列抓取。获取table某一列的数据抓取第3列(项目名称)所有数据定位方式$x('//table/tbody/tr/td[3]')于是可以看到当前页面的第3列数据被全部定位到接下来就可以......
  • Stable Diffusion在各种显卡上的加速方式测试,最高可以提速211.2%
    StableDiffusion是一种基于扩散模型的图像生成技术,能够从文本生成高质量的图像,适用于CG,插图和高分辨率壁纸等领域。但是它计算过程复杂,使得它的生成速度较慢。所以研究人员就创造了各种提高其速度的方式,比如Xformers、Aitemplate、TensorRT和onflow。在本文中我们将对这些加速方......