【笔记】element-ui el-select使用需要v-model绑定值为字符串，而选中后事件获取对象

之前在el-select 上加@Change，只能获取到选中的字符串，加了value-key，:value=item后，@Change是能拿到对象了，但是

v-model绑定的值也变成了对象，不是想要的字符串。故给el-option绑定原生的click方法获取对象。记录一下，久不用老忘

 <el-select v-model="formData.groupName" placeholder="请选择"  value-key="id"><el-optionv-for="item in groupList":key="item.id":label="item.nodeName":value="item.nodeName"@click.native="groupNameChange(item)"></el-option>
</el-select>

【笔记】element-ui el-select使用需要v-model绑定值为字符串，而选中后事件获取对象相关推荐

VUE ELEMENT UI 清空select 下拉选项
VUE ELEMENT UI 清空select 下拉选项 1.select代码 <el-form ref="searchForm" :inline="true&qu ...
关于Element UI中select组件中遇到的问题
问题一:在使用select组件设置多选功能后,窗口抖动问题? 详细描述:在我使用select做多选的功能时出现了窗口抖动的问题,测试的时候发现,在有些人的电脑上抖动,有些人的电脑上不抖,找了很多文档, ...
element ui中select 下拉框在火狐浏览器最后一行显示不完全（谷歌正常）
在项目开发的时候用到了el-scrollbar组件并且设置了隐藏横向滚动条下面展示一些内联代码片. // 隐藏横向滚动条 .el-scrollbar__wrap {overflow-x: hid ...
Web前端笔记-element ui中table中某列添加a便签进行跳转
效果是这样的: 这里的文章标题和查看都可以进行跳转. 其中对应的代码如下: <template style="height: 100%"><el-table:da ...
element UI 之 el-cascader 下拉多级单选，每一级均可选中
需求:element ui 中下拉多级单选,可选中每一级,如图: 封装了一个组件: select.vue template 中代码 <el-cascaderref="cascader& ...
html下拉列表值发生改变,layui select下拉框监听值变化 layui 下拉列表的change事件...
layui下拉列表的事件不能用jq的change 应该用自带的方式写默认情况下,事件所监听的是全部的form模块元素,但如果你只想监听某一个元素,使用事件过滤器即可. 如: 监听select 下拉选 ...
前端工作笔记-element ui弹窗嵌套并获取输入
主要是在界面上,如果点击个弹窗,再弹窗中,还需要弹出一个框,进行输入查询.目前此笔记就记录了这个! 程序运行截图如下: 点击弹窗: 点击查询,第二层窗口弹出,输入数据: 点击确定并退出,即可: 程序结 ...
element ui的select显示数字
一.问题展示二.查看select原始数据可以看到id是整型的三.查看赋值给select的数据可以看到id是字符串,问题就在于这里,1 != '1' ,所以解决方法很简单,让他们一致,可以让后端 ...
修改element UI的select下拉框组件右边的小箭头（使用自定义图片）
i.el-select__caret {/*很关键:将默认的select选择框样式清除*/ appearance:none;-moz-appearance:none;-webkit-appearanc ...

【笔记】element-ui el-select使用需要v-model绑定值为字符串，而选中后事件获取对象

【笔记】element-ui el-select使用需要v-model绑定值为字符串，而选中后事件获取对象相关推荐

最新文章

热门文章