vue elementui级联选择器change事件如何获取label的值

最新推荐文章于 2024-09-01 11:22:37 发布

百事可口

最新推荐文章于 2024-09-01 11:22:37 发布

阅读量3.6k

点赞数 7

分类专栏： element 文章标签： elementui vue

本文链接：https://blog.csdn.net/qq_38594056/article/details/116646785

版权

element 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

ele默认返回一个数组，对应其id。
但是我还想拿到他们选择的label

在这里插入图片描述
加一个ref

   handleChange(value) {
      if (value) {
        console.log(this.$refs.cascaderAddr.getCheckedNodes()[0].pathLabels);
      }
    },

最后控制台就可以获取了
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

百事可口

关注关注

7
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

vue 通过绑定事件获取当前行的id操作

11-20

如下所示：获取： router(e){ conslone.log(e); } 补充知识：Vue.js的事件(单双击、鼠标和键盘)以及阻止事件冒泡自己随便琢磨了一个小的Demo，实现了一些事件和阻止事件冒泡，具体的代码如下，注释在代码里 html文件 <!DOCTYPE html> <html lang="en"> <head> <

vue3中动态设置ref，如表格中使用级联选择器

前端打工人的博客

10-09

736

中有一个表格，表格里是表单项，用户可以输入或选择，有一项是一个级联选择器，需要使用到。是有问题的，选择后，第一次获取返回空，第二次获取的是第一次选择的数据。是不行的，这个ref是需要动态设置才行。思考：直接加上索引不就行了吗？数据源是一个级联选择器，如果这个表单直接设置。记得要定义一下，名字自己随便起，保持一致就行。方法获取到这一项选择的数据。是的，没错，请看下图这样设置。

参与评论您还未登录，请先登录后发表或查看评论

vue el-select获取label值

x03_01的博客

09-01

1096

如果你需要获取当前选中项的标签值，你可以通过选中项的值在数据选项中查找对应的标签。绑定选中项的值，并使用。

[vue]如何在@change中获取控件id

jameskaron的专栏

02-02

1079

https://stackoverflow.com/questions/47873386/vue-js-element-ui-get-event-target-at-change 查看了很多答案,很多的方法都不太行,会报错没有attribute或者没定义之类的上面链接的提问很接近我所需要的,但是根据回答,只是通过@change并不能拿到控件id ...

vue-点击事件获取点击元素id

前端之行，任重道远！

07-29

6616

<div @click="Onclick($event)" id="999">点我<div> Onclick(a){ console.log(a.currentTarget.id) //999 }

vue 树和级联选择器 el-cascader @change 获取全部值

tanzongbiao的专栏

06-08

2497

【代码】vue 树和级联选择器 el-cascader @change 获取全部值。

【Vue】补充一些需要注意的小点

Qxn530的博客

10-18

1329

vue中引入图片无效；编辑时没有点击提交修改，关掉编辑弹框后，页面会跟着变化；树状的label是返回数据的两个字段的拼接；获取当前页的title；反向代理；post提交数据按json格式提交（添加请求头）；vue中css使用data中的数据；下拉框回显

详解关于element级联选择器数据回显问题

10-17

级联选择器的属性配置包括 `placeholder`、`:props`、`:options`、`filterable`、`change-on-select` 和 `v-model`。其中，`:props` 指定了每个选项的 `value`、`label` 和子级 `children` 的键名，`v-model` 用于...

Element Cascader 级联选择器的使用示例

10-15

在级联选择器中，`v-model` 绑定的 `value` 是用户选定的值，它是一个数组，通常包含了用户选择的每一级的值。 2. **options**：这是一个包含所有选项的数据对象，每个选项都有 `value` 和 `label` 属性，分别代表...

vue + elementUI实现省市县三级联动的方法示例

10-16

- `@change`事件监听器在用户更改选择时触发，调用相应的函数（`selectProvinceFun`和`selectCityFun`）。 - 在`selectProvinceFun`中，根据选定的省份值，更新`selectCity`的可选项为该省份下的所有城市。 - 在`...

Ant Desgin Vue级联js.rar

11-22

在IT行业中，前端开发是至关重要的一环，Vue.js作为一个轻量级、高性能的JavaScript框架，深受开发者喜爱。Ant Design Vue则是基于Vue....总的来说，这个压缩包是学习和实践中Ant Design Vue级联选择器的一个宝贵资源。

vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)

10-18

这个问题可能会让开发人员感到困惑，因为选择器虽然能正确触发事件，如change事件，并且能够获取到选中的值，但是界面上却无法展示出来。为了解决这一问题，我们需要了解Vue.js和Element-UI的工作机制。Vue.js是一...

el-cascader获取label

梦寻汝的博客

04-06

2253

<div class="block"> <span class="demonstration">默认 click 触发子菜单</span> <el-cascader ref="cascaderAddr" v-model="value" :options="options" ...

element-ui中获取数组中对应id的数据

qq_50951790的博客

02-14

652

element-ui中的change事件获取值

vue-输入框change事件并获取值

ZZHK666的博客

02-10

1万+

1、html <input type="text" @change="specifiName($event)" />//输入框的change事件 <input type="text" @input="specifiName($event)" />//输入框的输入事件 <input type="text" @keyup.enter="specifiName($event)" />//输入框的回车事件 2、vue.js var vm = new Vue({ el:

elementui中select下拉框change选择获取选项的所有字段信息