elementUI的el-select 修改时 默认值不显示问题

最新推荐文章于 2024-02-06 14:11:44 发布
最新推荐文章于 2024-02-06 14:11:44 发布
阅读量4.8k 收藏 1
点赞数
分类专栏： Electron vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43047070/article/details/106917039
版权
显示为数字，不能正确显示值

在这里插入图片描述
原因:el-option选框需要的value属性是String类型的,可以利用row这个一行数据,拿到el-option选框的value将其转换为String类型就可以了
在这里插入图片描述
在这里插入图片描述

迷阵
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
el-select-tree:ElementUI的el-select与el-tree结合
05-07
精选树 ElementUI的el-select与el-tree结合在一起。 在线示例 用法 安装 npm install --save el-select-tree 需要element-ui 如果您的项目不使用element-ui，则需要引入一个单独的element-ui包，如下所示： import 'el-select-tree/lib/element-ui' ; 全球注册 import Vue from 'vue' ; import ElSelectTree from 'el-select-tree' ; Vue . use ( ElSelectTree ) ; 组件内注册 import ElSelectTree from 'el-select-tree' ; export default { components : { ElSelectTree } } ; 完
【已解决】el-element中el-select的el-option选中值，不显示问题
~牧马~
06-09 6078
笔者出现的这种情况是：同一个表单中有两个下拉框，第一个选中后，不显示，只有第二个选了，两个都显示，这样是不对的，并且一个表单中可以有多个下拉框（之前亲测无误），这次不知道为啥 <el-select > <el-option lable="男" value="男"></el-option> <el-option lable="女" value="女"></el-option> <el-option lable="变性者" value="变
Select 选择器 el-option 回显错误 value
最新发布
qq_35930739的博客
02-06 1226
【代码】Select 选择器 el-option 回显错误 value。
vue el-element中el-select的el-option选中值，但页面框中不显示值，需要输入一个其他框值才显示，input同理
Humor_L的博客
06-23 2554
解决select下拉框，选中，label值不发生改变
关于Vue Element组件el-checkbox与el-select默认选中值的几点注意事项
weixin_44519496的博客
08-02 1354
el-select 示例： 代码： <el-select v-model="doc.zhic" placeholder="请选择"> <el-option v-for="(item,index) in zhicdata" :key="index" :label="item.name" :value="item.id" >&l
vue 使用el-option标签解决不回显的问题
一只小白程的博客
04-17 2305
解决el-option不回显问题
项目中会遇到的问题，el-select组件不回显，数据多选保存空白问题
weixin_43204464的博客
10-24 3070
2.如果绑定正确，可能是属性值数据类型不正确，比如，我的问题就是后台el-option绑定的数组，里面的id是number类型，而这一条数据给的id、是string类型，所以不回显label，只回显value。1.检查属性是否绑定正确，比如value绑定的数据，是否和数组的：key一致。label是否绑定的是要回显的数据。
解决＜el-select＞自定义option!只显示值不显示label!
TangMonk的博客
09-14 1037
应该将。
【Vue】【Element】下拉框中没有赋默认值,为何页面加载后,下拉框内的值为0?
陶洲川的博客
05-08 3409
一、问题 1.1、环境 电脑环境：Windows 10； 开发工具：IntelliJ IDEA； 数据库环境：Redis 3.2.100 JDK环境: Jdk1.8； 1.2、问题 Vue.js和Element框架的前端,没有设置默认值,为什么下拉框默认值总是为0? 二、解答 2.1 前端的element框架的html代码: <el-form-item label="仓库" prop="storeId"> <el-sel
el-select数据回显时不显示名称只显示数字01
滕青山博客
03-01 3781
vue代码 <el-form-item label="性别："> <el-select v-model="form.sex" placeholder="请选择性别" size="mini" :disabled="checkStatus" clearable > <el-option v-for="item in sexList" :key="item.id" :label="item.label" :value="item.value" /&
使用elementUI的select，当没有匹配的时候默认显示value值；
Lee_yuki
10-18 2748
使用elementUI的select，当没有匹配的时候默认显示value值； 问题：多处页面用到了相同的选择，为避免多次请求接口，选项列表存到了localstrage中，对选项增删改时，更新localstrage。但是有些时候后端接口返回的value值，已经删除了，localstrage中无法匹配到对应的label，回显显示value值。 解决：在公用表单组件中，如果type为select，循环localstrage的数组，如果没有匹配到的，设置该表单值为空 ```javascript this.item
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
10-14
主要介绍了解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue elementUI 使用el-select 时 change事件的触发问题
01-18
<el v-model=level size=mini placeholder=请选择 change=selectChange()> <el v-for=item key=item.value label=item.label value=item.value></el> </el> 我们需要的是选择之后才触发，但是这样写你会发现，页面...
Vue ElementUI el-select 图片选择效果
02-24
基于 Vue2.x，对 ElementUI el-select 做图片选择效果。项目说明可参见：https://blog.csdn.net/sinat_31213021/article/details/129195721
element Drawer 抽屉无法渲染
这里是迷阵的博客耶
09-27 8188
出现的问题： 不使用脚手架和node.js时drawer不渲染 原因： 没有引入最新的样式 解决方案： cdn引入
vue--使用Print.js打印页面样式不出现
这里是迷阵的博客耶
04-19 6459
打印变形或字体大小不对 解决方案 加上这句就好了！完美！
Vue--监听元素宽高变化
这里是迷阵的博客耶
04-15 3872
解决方案 1、使用element-resize-detector插件 2、使用自定义指令 element-resize-detector插件 npm install element-resize-detector 自定义指令 <template> <transition> <div v-resize="DomResize"> </div> </transition> </template> <script&
Vue--input监听回车事件，跳到下一个输入框
这里是迷阵的博客耶
11-02 2914
注意：打开控制台的时候，这个没作用，查了很久，查不出为什么，就很气！ mounted() { let that = this document.addEventListener("keydown", function inputClick(e) { switch (e.key) { case "Enter": e.preventDefault(); that.$nextTick(() => {
el-select 默认值
08-15
el-select的默认值可以通过给v-model绑定的属性赋初始值来设置。在上面的代码中，v-model绑定的属性是"value"。所以可以通过在data中给"value"属性赋初值来设置el-select的默认值。例如，可以将"value"属性设置为['选项1', '选项2', '选项3']来设置el-select的默认选项为选项1、选项2和选项3。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [如何给el-select赋默认值](https://blog.csdn.net/qq_42931285/article/details/125039608)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Vue自定义指令——el-select多选框 设置默认值并且不可编辑](https://blog.csdn.net/sugerinaflat/article/details/125339457)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [vue elementUI select下拉框设置默认值](https://blog.csdn.net/qq_41968486/article/details/109003440)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值