在el-option中获取点击元素

Strive-x

于 2024-09-05 16:23:09 发布

阅读量187

点赞数 3

文章标签： vue.js javascript elementui

本文链接：https://blog.youkuaiyun.com/2301_76742166/article/details/141934386

版权

使用@click.native是监听组件的根元素上的事件

<el-option
   v-for="item in Variableoptions"
   :key="item.value"
   :label="item.label"
   :value="item.value"
   @click.native="sensorIdChange(item)">
</el-option>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Strive-x

关注关注

3
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

el-select下拉框组件el-option如何使用v-for动态渲染问题 - 方法篇

草巾冒小子的博客

04-10

8万+

element-UI 下拉框el-select组件el-option的v-for问题我的代码： <template> <div id="htmlWrap">  <div class="bg545C64"> <NavMenuVue></NavMenuVue&a

大屏项目，在全屏和非全屏的情况下，el-select和el-option一直等宽

weixin_44029605的博客

07-25

582

大屏项目，在全屏和非全屏的情况下，el-select和el-option一直等宽

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

SELECT点击相应option响应点击事件

10-18

点击option自动弹出value的值，作为初学者使用。

el-option点击事件

qq_43628847的博客

05-19

4260

<el-select v-model="queryAdd.teamId" placeholder="请选择班组名称" style="width: 100%;"> <el-option @click.native="handleSelectTeam(item)" v-for="item in teamOptions" :key="item.teamId" :label="item.teamName" :value="item.teamId">

el-select 选择后获取key 和label的值

guochanof的专栏

03-15

3030

el-select 选择后获取key 和label的值

element-ui 如何给el-select下拉框el-option选项添加点击事件

sunlihong123的博客

02-02

5227

如何给el-select下拉框el-option选项添加点击事件

详解element-ui中el-select的默认选择项问题

10-16

例如，在多选模式下，`v-model`应绑定到一个数组，数组中的元素应与`el-option`的`value`匹配。总之，正确设置`el-select`的默认选择项，关键在于确保`v-model`的值与`el-option`中某一个`value`相匹配。通过理解`...

el-select的下拉框的元素 el-select-dropdown el-popper 如何获取

最新发布

04-27

在Vue组件中，可以通过以下方式获取el-select-dropdown元素： ```javascript this.$refs.mySelect.$refs.reference.$refs.popper ``` 其中，mySelect是el-select组件的ref属性值，reference是el-select组件内部的...

el-select数据过多懒加载的解决(loadmore)

10-16

在前端开发中，使用el-select组件来实现下拉选择功能是相当普遍的。不过，在处理大量数据时，若直接渲染所有数据项，会导致el-select组件的渲染性能下降，甚至可能导致界面卡顿。为了解决这一问题，可以通过实现懒...

select和 el-select下拉框el-option中添加点击事件

null

01-08

3591

在el-option里直接写@click发现没反应

element-ui 给el-select下拉框的el-option选项绑定点击事件

BigBigHang的博客

06-10

9265

element-ui 给el-select下拉框的el-option选项绑定点击事件在el-select里可以写 @change 监视选中值的改变。我只想在选中某个选项时执行操作，使用@change会使每次选中都进入方法，需要用if语句来判断，能不能直接在该el-option里写入 @click 呢？在el-option里直接写@click发现没反应，改为使用 @click.native 即可以给el-option添加点击事件。 ...

监听el-select下el-option的点击事件

oldolder的博客

04-21

3036

el-option点击事件

vue element-UI使用el-select时@change不能触发的解决方案（通过el-option @click.native原生方法）

热门推荐

★【World Of Moshow 郑锴】★

10-18

3万+

前言在下刚入门VUE不久，最近有个项目的页面进行了VUE改造，使用的是 element-UI ，其中有个功能如下，有一下拉选择列表：证书类别，选择其中某个证书类别，自动根据证书类别设置的前缀填写到证书编号的输入框中去。按道理这是一个onChange事件，也就是el-select的@Change事件可以搞定，但是却多次输出的undefined，最后通过改变思路，使用了el-option的@click.native的原生方法来实现。源代码+解决方案源代码+解决方案一起验证，忽略其他细节不看，我们可以发

vue 中 @click.native

ITLISHUANG的博客

12-23

344

写在前：使用 vue + element 的项目 <el-option v-for="item in subEnum" :key="item.key" :value="item.key" :label="item.value" @click.native="sectionTap"></el-option> @click.native ：给组件绑定原生事件 ...

谈聊@click.native

小白的豪豪

01-17

893

对于自身是一小小提高，只想过绑定事件时用click。从未想到在vue组件中，使用@click会默认认为监听的是来自item组件自定义的事件。以此得到了如下： 1.当给vue组件绑定事件的时候，必须在后面加上native 2.等同于在子组件中：子组件内部处理click事件，然后向外发送click事件：$emit("click".fn) <el-option v-for="item in Month" :value="item.value" @cl...

如何给el-select下的el-option添加点击事件

Lidabao_的博客

01-08

1017

普通绑定发现没有反应，通过@click.native添加完成。

ElementUI - ＜el-select＞ / ＜el-option＞如何选中后返回多个数据 / 整个item

王二红

06-24

5304

前言 <el-select> 组件文档：https://element.eleme.cn/#/zh-CN/component/select 大部分情况下，<el-option> 会配置 lable 属性用于展示，而 value 则是选中后返回的数据。但是，value 只能返回单个数据，并不能返回多个参数（或整个 item 对象）。  <el-select v-model="selectedDevice"&gt

el-select获取当前选中的对象所有(item)数据

楚楚梦厦的博客

12-30

1万+

elementUI的el-select获取当前选中的item对象所有数据