javascript - 使用element-ui时select级联选择器选中数据时同时获取label和value值？
这个是我目前实现的方法，有没有更优雅点的？
handleChange(value) { this.formInfo.checkItem = value; // 获取选中项的 value const selectedValue = value[value.length - 1]; // 根据 selectedValue 遍历 options 找到对应的 label let selectedLabel = ""; this.traverseOptions( this.options, selectedValue, (label, parentValue) => { selectedLabel = label; } ); this.formInfo.checkClass = selectedValue; // 将找到的 selectedValue 赋值给 checkClass this.formInfo.checkClassName = selectedLabel; // 将找到的 selectedLabel 赋值给 checkClass },traverseOptions(options, value, callback, parentValue) { for (let i = 0; i < options.length; i++) { const option = options[i]; if (option.value === value) { let label = option.label; callback(label, parentValue); // 找到匹配的 label 并回调传递 return; } if (option.children) { this.traverseOptions(option.children, value, callback, option.value); // 递归遍历子选项，并传递父级的值 } } },共有2个答案
如果你是用的select就用楼上@flexyan的方法，如果你用的是Cascader，官方也提供了方法，可以获得当前选择的节点。
值绑定对象 获取的就是对象有label和value字段
-
element 级联选择器，选项是全国行政区划。此时后端返回的是一个二维数组，比如[['浙江省','杭州市','余杭区'],['江苏省','南京市]], 修改级联选择器选项的树型结构的值为 请问这个算法该如何编写？
-
这里数据渲染都没问题，但是我在设置初始化，默认选中值的时候，怎么都设置不上去，明明是直接按网上搜索的格式，给了id值，看region_tree和get_city_id_list 两个数组的id 也能匹配上，就是设置不上去选中项
-
我想禁用日期时间选择器中的时间选择器。我正在使用一些参数，如picTime： false和form："dd MM yyyy"。但是没有用...我正在使用http://eonasdan.github.io/bootstrap-datetimepicker/ Plzz给出解决方案
-
希望能澄清一下我什么时候应该使用和。这可能不是节奏问题，但也许我错过了一些关于Golang的知识。 对于我认为基本思想是等待通道的下一个输出。不完全确定什么是可以。 例如，在cadence示例中，< code>local_activity链接并粘贴在下面: 我们不使用任何 但是，在这里的例子中，它也使用信号通道:根据外部输入改变优步节奏睡眠时间 我还会将代码粘贴到这里 你可以看到有，我不完全确定它
-
问题内容： 这些表如下所示： 查找同时出售锤子和温度计的商店的名称。结果表将是 我以为下面的查询可以用，但是返回的空集 也尝试用OR代替AND，但不起作用（退还所有商店）。有什么可能的解决方案？ 为了更清楚一点，我想选择同时包含商品（锤子和热电偶）的商店，即使商店B出售锤子而商店D出售温度计，也将不包括在内。只有同时出售这两种商品的A和C才会出现在结果上 问题答案： 有两个相当简单的选择。 您可以
-
Cascader 级联选择器 当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。 基础用法 有两种触发子菜单的方式 只需为 Cascader 的options属性指定选项数组即可渲染出一个级联选择器。通过props.expandTrigger可以定义展开子级菜单的触发方式。 <div class="block"> <span class="demonstration">默认 c