当前位置: 首页 > article >正文

el-select 的默认选中 以及后端返回的数据进行默认选中

前言

本次内容为el-select的两种默认选中方式,一种自定义内容的默认选中,一种的后端返回数据的默认选中以及后端返回数据的默认选中,及注意事项。

注意点!!!

v-model 拿到的值一定要是纯数值类型,只有数值类型才会自动加载对应的选中项,其他类型的则不生效

一 ,自定义内容的默认选中

statusType: [
                { label: '正常', value: 1 },
                { label: '禁用', value: 0 },
            ],
            
<el-select v-model="ruleForm.status" placeholder="请选状态" clearable>
      <el-option v-for="item in statusType" :key="item.value" :label="item.label"
       :value="item.value"></el-option>
</el-select>

二,由后端返回的数据默认选中的注意点:

1.你的遍历的时候value一定要是数值型数据,
2.有的时候查看你el-select内容的时候,内容会变成选项对应的数值,原因就是你的v-moule读取的数据的时机比你对应总数据的时机早,所以默认项内容就会变成数值而不是你对应的内容


http://www.kler.cn/a/376791.html

相关文章:

  • 线程基础知识、jmm(Java内存模型)
  • linux操作系统进程
  • LeetCode题练习与总结:超级次方--372
  • 雷电模拟器ls内部操作adb官方方法
  • 利用Docker Compose构建微服务架构
  • Android平台RTSP转RTMP推送之采集麦克风音频转发
  • Java多态特性的向上转型
  • SD-WAN分布式组网:构建高效、灵活的企业网络架构
  • 协议(OSI-tcp-udp)
  • linux 运行 activemq,Linux 安装 ActiveMQ 服务器详解
  • windows C#-泛型类型
  • Rust 力扣 - 1461. 检查一个字符串是否包含所有长度为 K 的二进制子串
  • 动态SQL在梧桐数据库的使用介绍
  • MySQL锁表快速解决办法
  • ELK的ElasticStack概念
  • 11408 计网===物理层
  • 使用 Redis 作为异步队列:原理、实现及最佳实践
  • 小新学习k8s第六天之pod详解
  • Linux 常用安装软件
  • 虚幻引擎5(UE5)学习教程
  • BERT语言模型详解【Encoder-Only】
  • LeetCode HOT100系列题解之课程表(9/100)
  • MAC电脑的ifconfig输出
  • 浅谈mysql【8.0】链接字符串
  • 用于 Web 开发的 10 个必备 VS Code 扩展
  • iOS用rime且导入自制输入方案