el-select下拉框选中的下标值为 0 时，提示未选择

最新推荐文章于 2024-04-18 10:32:46 发布
最新推荐文章于 2024-04-18 10:32:46 发布
阅读量1.4k 收藏
点赞数
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/blue__k/article/details/123987261
版权

如下图，可以看到 请假类型已经选中了，值为 0，但是提示我未选中，根据打印值，可以判断出问题出在 this.editForm[listItem.fields]==''这一步，

在这里插入图片描述

在这里插入图片描述
然后去百度了下，js中 0 和 " " 在值上是划等号的，但是类型是不一样的，所以判断时使用 === 即可
在这里插入图片描述

coderdwy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue 将el-select值置空后出现无法选择问题分析
News777的博客
10-10 2320
Vue 将el-select值置空后出现无法选择问题分析
element ui el-select选择器 value为0时获取不到
qq_42560402的博客
09-30 2522
最近在用 element ui el-select选择器的时候 发现value值为0**（number ）**的时候change事件返回的是undefined
el-select 默认值遇到的坑
weixin_42508745的博客
04-15 1744
<el-select clearable v-model="Status" placeholder="请选择"> <el-option label="全部" value="-1"></el-option> <el-option label="试用" value="1"></el-optio...
在处理el-select数据回显时遇到的问题
webblock的博客
12-14 3373
在开发vue项目的时候，会普遍的用到elementUI组件库，当用道其中的下拉框组件时，会遇到一点儿问题。先看如下代码： <el-select v-model='regin'> <el-option v-for="item in option" :key="item.value" :label="item.label" :value="item.value" ></el-option> </el-select> data(){ r
el-select 多选，选有一个未选择的选项
CongJiYong的博客
01-04 578
处理后不会出现未选择和cpu同时选中的情况。
el-select 下拉框多选实现全选的实现
10-16
主要介绍了el-select 下拉框多选实现全选的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue中el-form标签中的自定义el-select下拉框标签功能
10-15
在某些场景下，我们可能需要自定义`el-select` 的下拉框标签，以满足特定的需求。本文将详细介绍如何在`el-form` 中实现这一功能。 首先，我们来看一个基本的`el-form` 中`el-select` 的使用例子： ```html <el-...
Vue + Element-ui的下拉框el-select获取额外参数详解
10-14
总结一下，当使用Vue + Element-ui的下拉框`el-select`时，通过`@change`事件结合`$event`参数可以获取到选中的值，而通过额外传递的参数（如`scope`或自定义值）则可以获取到更多上下文信息。这种技巧适用于那些...
详解element-ui中el-select的默认选择项问题
10-16
本文将深入探讨`el-select`组件在设置默认选择项时可能遇到的问题及解决方案。 首先，`el-select`是Element-UI提供的一个用于创建下拉选择列表的组件。它通常与`el-option`组件配合使用，`el-option`用于定义可选的...
【Vue】【Element】下拉框中没有赋默认值,为何页面加载后,下拉框内的值为0?
陶洲川的博客
05-08 3537
一、问题 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
Element el-select 选择器(下拉框)详解
热门推荐
程序员大阳
08-08 8万+
本文目录1. 用途2. 数据绑定2.1 固定选项2.2 选项绑定数组3. 功能效果3.1 可清空选项3.2 多选3.3 可搜索4. 事件响应5. 小结 1. 用途 el-select即选择器，用于从若干个候选项中选择其中一个(或者多个)。 在传统网页开发中，选择器经常被称作下拉框、下拉列表，是最常用的表单元素之一。 2. 数据绑定 el-select的数据可以来源于固定的若干个选项，或者通过v-for绑定一个数组。 2.1 固定选项 固定选项时，选中项的value与selectedValue双向绑定。 数
elementUI选择框，value为0时无法获取的问题以及解决办法
小多的博客
08-28 1549
*出现场景：**需要传递数字值为0时，选择0，没有值，返回的是 undefined。**解决方法：**将value数字类型转换为字符串。
el-select选择器 value为0时获取不到
最新发布
m0_61447532的博客
04-18 163
在我的项目中出现这种bug的原因是 绑定的key与value不可为同值。
element select下拉框回显option中没有的值
Liuliu_x的博客
11-28 1653
记录下今天碰到的问题，问题是这样的，有个select下拉框的数据源option依赖于一组数据，然后这组数据可以进行禁用/启用操作，启用之后才能在select框中进行选择。好，问题来了，用户先在下拉框中选了一个值A（{value：20，label: A}），然后又跑去禁用这个数据A，搞得我option中丢掉了这组数据，但是在编辑的时候后端给我返回了之前A对应的值1，然后由于option中没有这个映射关系，我的下拉框就变成了一个孤零零的数字回显在上面，如下图。记录一下自己的遇到的问题，如有不对，欢迎指正！
el-select数据回显时不显示名称只显示数字01
滕青山博客
03-01 3890
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" /&
el-select 中v-model绑定值，数据回显只显示value，不显示label
m0_64931981的博客
10-08 934
如果这样写选择框显示的是0而不是上架，这种情况比较常见，原因是他们的数据类型不一致，这个时候统一数据类型就会显示对应的上架了。以下列出我遇到过的问题，代码如下所示。
element Select 选择器 回显options未选中
weixin_51052286的博客
07-25 391
select回显option未被选中
el-select下拉框选中触发事件
04-18
在Element UI中，el-select下拉框选中触发事件可以通过监听change事件来实现。当下拉框的选中值发生改变时，change事件会被触发。 以下是实现el-select下拉框选中触发事件的步骤： 1. 在el-select标签上添加change事件监听器，例如： ```html <el-select v-model="selectedValue" @change="handleSelectChange"> <!-- 下拉框选项 --> </el-select> ``` 2. 在Vue组件的methods中定义handleSelectChange方法，该方法会在下拉框选中值改变时被调用，例如： ```javascript methods: { handleSelectChange(value) { // 处理选中值改变的逻辑 console.log("选中的值：" + value); } } ``` 当下拉框的选中值改变时，handleSelectChange方法会被调用，并且传入当前选中的值作为参数。你可以在handleSelectChange方法中编写相应的逻辑来处理选中值改变后的操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

coderdwy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值