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

如何将 element-ui 中的 el-select 默认展开

<el-form-item label="藕粉桂花糖糕" prop="state" required><el-selectref="mySelect"v-model="form.state"style="width: 280px"placeholder="请选择"><el-option label="藕粉" :value="1" /><el-option label="桂花" :value="2" /><el-option label="糖糕" :value="3" /></el-select>
</el-form-item>

解决办法:使用 toggleMenu() 方法 

created() {// 用之前得 this.$nextTick,需要 dom 存在才好使this.$nextTick(() => {this.$refs.mySelect.toggleMenu()})
},

http://www.lryc.cn/news/275612.html

相关文章:

  • Typora基本用法
  • 读元宇宙改变一切笔记02_元素(上)
  • 听GPT 讲Rust源代码--compiler(2)
  • SpringCloud系列篇:核心组件之负载均衡组件
  • 多线程模板应用实现(实践学习笔记)
  • Linux系统中MYSQL重置密码(针对root忘记密码)
  • 蓝桥杯基础知识1 字母大小写转换
  • 攀登者1 - 华为OD统一考试
  • 通信原理期末复习——基础小题汇总(二)
  • 代码随想录刷题第四十二天| 01背包问题,你该了解这些! ● 01背包问题,你该了解这些! 滚动数组 ● 416. 分割等和子集
  • 前端开发加速器:十个VSCode插件精选
  • 剑指offer面试题3 二维数组中的查找
  • 【2023年中国高校大数据挑战赛 】赛题 B DNA 存储中的序列聚类与比对 Python实现
  • 力扣383.赎金信 -- 哈希表
  • GeoServer发布地图服务(WMS、WFS)
  • C语言——结构体
  • 基于多反应堆的高并发服务器【C/C++/Reactor】(中)Buffer的创建和销毁、扩容、写入数据
  • 【Linux】常用的基本命令指令①
  • 活动运营常用的ChatGPT通用提示词模板
  • SpringBoot 中实现订单30分钟自动取消的策略
  • 像专家一样使用TypeScript映射类型
  • Golang 结构体
  • 服务器运行状况监控工具
  • 2022年全国职业院校技能大赛软件测试赛题卷②—自动化测试解析报告(含术语)
  • 497 蓝桥杯 成绩分析 简单
  • 一、HTML5简介
  • 视频云存储/视频智能分析平台EasyCVR在麒麟系统中无法启动该如何解决?
  • 前端性能优化之图像优化
  • 微信小程序封装vant 下拉框select 单选组件
  • c语言试卷