当前位置:首页 > 编程笔记 > 正文
已解决

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

来自网友在路上 160860提问 提问时间:2023-10-22 16:41:37阅读次数: 60

最佳答案 问答题库608位专家为你答疑解惑

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}}}},

查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"elementui select组件下拉框底部增加自定义按钮":http://eshow365.cn/6-21775-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!