elementui select组件下拉框底部增加自定义按钮
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
elementui select组件下拉框底部增加自定义按钮
el-select
组件的visible-change
事件(下拉框出现/隐藏时触发)
<el-select
ref="select"
:value="value"
placeholder="请选择"
@visible-change="visibleChange"
></el-select>
visibleChange(visible) {
// 下拉框显示隐藏
if (visible) {
const ref = this.$refs.select
let popper = ref.$refs.popper
if (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
}
}
}
},
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献6条内容
所有评论(0)