elementUI el-select默认值显示value不显示label问题

阅读数:180 评论数:0

跳转到新版页面

分类

html/css/js

正文

原因是

返回的数字和el-option选框里value值的类型对应不上
一个是 Numer 一个是 String

解决方法

<el-form-item prop="performType" label="节目类型">
                      <el-select v-model="ruleForm.performType" placeholder="节目类型">
                        <el-option
                          v-for="item in performTypes"
                          :key="parseInt(item.value)"
                          :label="item.label"
                          :value="parseInt(item.value)"
                        ></el-option>
                      </el-select>

转换数字:parseInt(item.value)
转换字符串:item.value.toString()

手动隐藏下拉框

<el-select v-model="motorForm.deptName"
                      ref="selectRef"
                    >
...
if(selectRef.value){
  selectRef.value.blur();
}



相关推荐

一、问题描述 点击清空按钮clearable之后,如果输入框已经是聚集状态,再次输入时建议框不显示。 原因: 组件在执行清除事件时,将activat

一、基本思路 通过el-tree来选择所需要的节点和获取数据,将el-select的选择关闭,防止点击时报错,通过el-tree获取的数据来关联el-select并渲染输入框的内容,而不是通过opti

一、设置el-label和el-input高度 <style scoped> ::v-deep.el-form-item.foldLabel .el-form-item__label {

一、概述 Element Plus 提供了两种调用 Loading 的方法:指令和服务。 二、指令方式 对于自定义指令 v-loading,只需要绑定 boolean 值即可。 默认状况下,Loadi

类型是String时,不需写冒号。 text-color='red' 类型是基它类型时,需要写冒号,比如布尔值。 :collapse='true'