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

elementui select组件下拉框底部增加自定义按钮

elementui select组件下拉框底部增加自定义按钮

el-select组件的visible-change 事件(下拉框出现/隐藏时触发)

<el-selectref="select":value="value"placeholder="请选择"@visible-change="visibleChange"></el-select>visibleChange(visible) {// 下拉框显示隐藏if (visible) {const ref = this.$refs.selectlet popper = ref.$refs.popperif (popper.$el) popper = popper.$el// 判断是否有添加按钮if (!Array.from(popper.children).some(v => v.className === 'btn-box')) {const el = document.createElement('div')el.className = 'btn-box'el.innerHTML = `<a class="btn" style="font-size:16px;display:block;line-height:38px;text-align:center;"><i class="el-icon-plus"></i>添加</a>`popper.appendChild(el)el.onclick = () => {// todo}}}},

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

相关文章:

  • 深入理解闭包:原理、应用与最佳实践
  • [NSSCTF 2nd]Math
  • uml知识点学习
  • JAVA学习日记1——JAVA简介及第一个java程序
  • Linux命令(102)之less
  • vue多条件查询
  • c 语言基础:L1-038 新世界
  • 计算机算法分析与设计(13)---贪心算法(多机调度问题)
  • 小程序canvas层级过高真机遮挡组件的解决办法
  • 番外8.1 配置+管理文件系统
  • 互联网Java工程师面试题·Java 总结篇·第八弹
  • VSCode修改扩展和用户文件夹目录位置(Windows)
  • Spring 事务
  • 无法访问 github ,解决办法
  • SD卡与emmc的异同
  • 机器学习笔记 - 3D 对象跟踪极简概述
  • 《机器学习----简单的分类器》第二章、朴素贝叶斯,项目:使用特征值给语句打标签
  • 01. 汇编LED驱动实验
  • Hadoop3教程(二十):MapReduce的工作机制总结
  • 浅谈AI大模型技术:概念、发展和应用
  • 【Leetcode】212.单词搜索II(Hard)
  • 146.LRU缓存
  • 使用transformers过程中出现的bug
  • Hadoop3教程(二十二):Yarn的基础架构与工作流程
  • 离线 notepad++ 添加到右键菜单
  • 怎么让英文大语言模型支持中文?--构建中文tokenization--继续预训练--指令微调
  • 笙默考试管理系统-MyExamTest----codemirror(35)
  • MMKV(2)
  • Spring Boot项目中使用 TrueLicense 生成和验证License(附源码)
  • ES6 Iterator 和 for...of 循环