element-ui 中 Cascader 级联选择器同时获取value值和label值

时间：2023-08-25 12:11:51浏览次数：43

标签：value label ui inputValue Cascader element 选择器

给Cascader 级联选择器添加一个别名

复制代码

<el-cascader :options="options" ref="myCascader"></el-cascader>

选择完毕之后可以通过别名获取

复制代码

let labelValue = this.$refs['myCascader'].inputValue

当然，element-ui在一直更新变化，label值的字段可能不会一直是inputValue，如果通过inputValue无法获取，大家 console 一下基本就可以找到是哪个字段了。

复制代码

console.log(this.$refs['myCascader'])

标签： Element

标签：value,label,ui,inputValue,Cascader,element,选择器
From： https://www.cnblogs.com/qibaidao/p/17656601.html

[转]vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什
原文地址:vue中的css深度选择器:deep(<inner-selector>)、/deep/、>>>、::v-deep到底是什么？-掘金vue中的css深度选择器概念与作用当<style>标签有scoped属性时，它的CSS只作用于当前组件中的元素，父组件的样式将不会渗透到子组件。如果你希望scoped样式中的一个选......
SAP GUI Scripting VBA Code Snippet to Detect all IDs of the UI Elements
'-Begin-----------------------------------------------------------------OptionExplicitDimgColl()AsStringDimjAsIntegerSubGetAll(ObjAsObject)'---------------------------------------------'-'-Recursivelycalledsubro......
HttpWebRequestElement.UseUnsafeHeaderParsing Property
目录异常信息解决办法相关参考异常信息System.Net.WebException:“服务器提交了协议冲突.Section=ResponseHeaderDetail=CR后面必须是LF”解决办法一、通过配置文件实现web.config或app.config中设置如下属性<system.net><settings><httpWebRequestuseUn......
VUE- elementUI使用quill富文本编辑器(编辑文本、上传图片)
准备工作：安装 yarninstall vue-quill-editormain.js//编辑器importVueQuillEditorfrom'vue-quill-editor'//引入样式import'quill/dist/quill.core.css'import'quill/dist/quill.snow.css'import'quill/dist/quill.bubble.css'......
element-plus的el-select在切换时报ResizeObserver loop completed with undelivered
报错场景：el-select放在了table的td里，我做的是根据el-select切换的动态表格。切换时就会报此错误。原因分析：分析发现，本场景在切换select时，其所在单元格尺寸发生了变化（因为我没有定表格内单元格的尺寸）。解决方案：保证el-select所在单元格尺寸不发生变化即可。......
有关elementuiplus popper 动画报错
解决方法：局部解决： ElementPlus的 ElDropdown 组件是基于Popper.js构建的，所以可以使用相同的方式来禁用 adaptive 选项。在 ElDropdown 组件中，你可以使用 popper-options 属性来指定Popper实例的选项。因此，要禁用 adaptive 选项，你可以将 popper-op......
@Value注解读取yml中的map/list配置
读取map1、配置文件写法common:map:'{"username":"lisi","password":"123456"}'2、java代码的写法@Value("#{${common.map}}")privateMap<String,Object>map;读取list1、配置文件写法common:list:1,2,32、ja......
element-ui中表格@row-click方法自定义传参的写法
@row-click="(row,column,e)=>handleRowClicked(row,column,e,'unitName')"参考：https://blog.csdn.net/weixin_46060121/article/details/120151005 ......
element+Sortable 实现表格拖拽
<template><divclass="draggable"style="padding:20px"><el-tablerow-key="id":data="state.tableData"style="width:100%"><el-table-columnv-for="(item,......
element表单验证~提交
......

element-ui 中 Cascader 级联选择器同时获取value值和label值

相关文章

赞助商

阅读排行