vue 、在element-ui的el-table组件中使用 el-select绑定对象时value-key的注意事项

// 绑定对象时设置了value-key，再次点击时不会高亮,找了源码发现key需要一致；
// 相关源码
isEqual(a, b) {if (!this.isObject) {return a === b;} else {const valueKey = this.select.valueKey;return getValueByPath(a, valueKey) === getValueByPath(b, valueKey);}
}
// =============================
// 于是需要在list 或 row 统一一个key，把scope.row.des,改成scope.row即可
// 它会用scope.row.des 比较item.des,这时选中的就显示label
<el-select@change="handleChange(scope.row, $event)"value-key="des":value="scope.row"placeholder="请选择"clearablesize="small"><el-option  v-for="item in list" :key="item.id" :label="item.name":value="item" />
</el-select>
// ==============================
handleChange(row,obj) {row.id = obj.id;row.des = obj.des
}

vue 、在element-ui的el-table组件中使用 el-select绑定对象时value-key的注意事项相关推荐

《前端》Element ui 表格（Table）组件中前端实现数据分页和模糊查询--未看
我是用的Element ui 表格(Table)组件中的例子下面是别人自己写的方法: Element ui 表格(Table)组件中前端实现数据分页和模糊查询_明天也要努力的博客-CSDN博客 h ...
Node mysql mvc vue_net MVC +Vue.js+Element UI 笔记
最近项目需求,要在MVC里用Vue 与 Element UI,故而做个笔记来记录一些遇到的问题和处理思路 (方式比较麻瓜,如果不是临时用的话,建议还是学一下Vue-cli,新项目还是老老实实前后端分离 ...
关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题
方法使用前需了解: 来自"和"小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查 ...
【Vue】 element ui 引入第三方图标
最近一个项目用到 vue 和 element ui开发前端.使用element ui自带的icon太少,所以引入第三方的.截止目前为止国内外网络上的相关教程我搜索到没超过5篇,而且都不详细,即使全部阅 ...
Vue安装element ui踩坑
在vue安装element ui 的过程中报了许多错误,慢慢踩坑,希望能帮到各位 1. 输入 vue add element 输入 y y zh-CN 如果报错 ERROR comman ...
antd中table组件中如何进行换行操作（react中）
antd中table组件中如何进行换行操作(react中) 说明效果数据代码说明 react项目,遇到某字段对应的单元格内需要换行. 最初想偷懒,尝试了在数据中加入回车.使用模板字符串.转义字 ...
Vue实现Element UI的下拉框默认选中，值来自父组件或异步获取
子组件使用watch监听父组件传过来的值,并且赋值给子组件的data参数. 1.父组件传了一个userId属性给子组件 <Children@searchForm="searchForm ...
从Element ui看开发公共组件的三种方式
在日常的开发工作中,封装自己的公共组件是很常见的需求,但想要组件更加优雅和通用也是一门学问.恰好前段时间用过Element ui,于是想学习这种库是如何封装插件的,这篇文章就是我的一点理解. 从入口文 ...
Vue+JS+Element UI实战（电商项目1)
目录 1.电商业务概述 2.电商后台管理系统的功能 3.项目初始化步骤 4.后台项目的环境安装配置 4.1. API V1 接口说明 4.2. 支持的请求方法 4.3. 通用返回状态说明 5.测试后 ...
vue开源Element UI表单设计及代码生成器
1 可视化设计器设计器基于Element UI ,可通过点击或拖拽的方式设计基本表单, 设计器生成的代码可直接运行在基于 Element 的 vue 项目中. github仓库 https:// ...

vue 、在element-ui的el-table组件中使用 el-select绑定对象时value-key的注意事项

vue 、在element-ui的el-table组件中使用 el-select绑定对象时value-key的注意事项相关推荐

最新文章

热门文章

vue 、 在element-ui的el-table组件中 使用 el-select绑定对象时value-key的注意事项

vue 、 在element-ui的el-table组件中 使用 el-select绑定对象时value-key的注意事项相关推荐

最新文章

热门文章

vue 、在element-ui的el-table组件中使用 el-select绑定对象时value-key的注意事项

vue 、在element-ui的el-table组件中使用 el-select绑定对象时value-key的注意事项相关推荐