AI 助理
文档备案控制台
开发者社区 云计算 文章 正文

element下拉框回显问题

2023-11-07 986
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： element下拉框回显问题

使用el-select 时下拉框的不显示数据

原因：类型不一致：value的值是字符串，而回显赋值给model属性的是数字

解决

1. 先加载下拉框的数据，然后在编辑查询数据回显。

2. 保证select下拉的ID和v-model里边的id 类型 保持一致


讓丄帝愛伱
目录
相关文章
a15034260562-24955
|
前端开发
elementui解决el-dialog不清空内容的问题,el-dialog关闭时销毁子组件
elementui解决el-dialog不清空内容的问题,el-dialog关闭时销毁子组件
a15034260562-24955
2547 0
博客zhu虎康
|
JavaScript
Element_select 选择器 选中框中显示不了选中的值
解决Vue中`el-select`选择器不显示选中值的问题：在`selectChanged`方法中添加`this.$forceUpdate()`，强制组件更新，使输入框显示选择的值。示例代码包括模板和方法。
博客zhu虎康
1796 2
Yaiba123
|
数据格式
使用小技巧实现el-table组件的合并行功能，ElementUI和ElementPlus都适用
本文介绍了在ElementUI和ElementPlus中使用`el-table`组件实现合并行功能的技巧，包括多列合并和单列合并的方法，并提供了相应的示例代码和运行效果。
Yaiba123
10496 46
使用小技巧实现el-table组件的合并行功能，ElementUI和ElementPlus都适用
程序员大阳
Element el-time-picker el-time-select 时间选择器详解
本文目录 1. 概述 2. 选择任意时间 3. 默认时间设置 4. 时间格式设置 5. 指定可选时间段 6. 选择时间点 7. 时间选择变化事件
程序员大阳
5836 0
xiaohua616
|
数据库
element多选框select下拉框数据回显的问题value.push is not a function
element多选框select下拉框数据回显的问题value.push is not a function
xiaohua616
1615 1
朝阳39
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
朝阳39
3925 1
她说她一如既往的爱我
el-upload中的before-upload不生效
el-upload中的before-upload不生效
她说她一如既往的爱我
1239 3
Boale_H
el-select如何自定义下拉选项框的宽度
el-select如何自定义下拉选项框的宽度
Boale_H
3058 0
童小纯
|
JavaScript 前端开发
若依框架 --- 偶发的el-select无法选择的问题
若依框架 --- 偶发的el-select无法选择的问题
童小纯
886 0
潇寒S
|
XML JavaScript 小程序
element-ui下拉菜单组件Dropdown
<div id='app' style="margin:50px;"> <!-- 鼠标滑过显示下拉列表 这里设置了触发的方式，注意触发方式不能使用’:’绑定，以及绑定了触发选项时的方法 --> <el-dropdown trigger="hover" @command="handleCommand" > <span class="el-dropdown-link el-input__inner" style="display:block;width:200px;"> <!-- 没有选项的时候，默认显示的
潇寒S
709 0

热门文章

最新文章

  • 1
    日志处理实战：一个外卖网站解决方案（持续更新中）
  • 2
    覆盖200+服务场景，阿里「通义」大模型系列打造国内首个AI统一底座
  • 3
    FastAPI入门指南
  • 4
    UWP Button添加圆角阴影（三）
  • 5
    布局小窍门之----让头部和主干内容居中
  • 6
    tree 命令
  • 7
    1，Ansible---安装与配置
  • 8
    Android -- Fragment
  • 9
    NumPy Cookbook 带注释源码 五、NumPy 音频和图像处理
  • 10
    关于OFBiz调试
  • 1
    2026年国内 Codex 安装教程和使用教程：GPT-5.4 完整指南
    703
  • 2
    阿里云9.9元/月低成本部署OpenClaw+免费Token领取全攻略
    226
  • 3
    告别龙虾AI失忆：OpenClaw+Obsidian构建自媒体记忆宫殿，阿里云/本地部署与自动化实战手册
    106
  • 4
    OpenClaw跨平台协作指南｜多端同步+阿里云/本地（Windows11/MacOS/Linux）部署+API配置实战指南
    134
  • 5
    OpenClaw阿里云/本地零门槛+HTTPS部署手册：NAS专属方案+免费模型配置实战指南
    196
  • 6
    OpenClaw阿里云、MacOS、Linux、Windows11 全平台部署：多模态信息整合与自动化工作流实战指南
    205
  • 7
    【Filter / Interceptor】过滤器（Filter）与拦截器（Interceptor）全方位对比解析（附底层原理 + 核心对比表）
    58
  • 8
    OpenClaw全自动小红书运营实战：从0到1全流程部署、技能配置与内容自动化发布指南
    246
  • 9
    OpenClaw个人知识库完整搭建：ima skill安装+阿里云/本地部署+免费模型配置全流程
    365
  • 10
    AI协同效率革命：OpenClaw与Claude Code打通攻略｜多环境部署+免费模型适配+工作流优化
    185

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    狂揽7.5k星！这款开源API网关彻底解放开发者：一键聚合GPT-4、Suno、Midjourney，还能在线充值！