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'