vue鼠标停留下拉框选项显示悬浮信息,CSS两列多行
这个功能是在下拉框选项里做的,下拉框的id要自己修改,鼠标悬浮在选项框里的选项,右侧出现一个信息框,信息框里的内容是两列
HTML内容这里是用的下拉框,因此要把悬浮框置顶z-index: 99999;
关键就是这3个函数*@mouseenter=“mouseIn()”
@mouseleave=“mouseOut()”
@mousemove=“mouseMove($event)”*监听鼠标
实现效果如图
<a-select-option
v-for="oil i
原创
2021-02-10 17:31:22 ·
2756 阅读 ·
1 评论