Vue根据鼠标悬停目标元素上方显示、隐藏指定元素交互实现
By:授客 QQ：1033553122
开发环境
win10
element-ui “2.13.1”
vue “2.6.10”
需求描述
如下，鼠标移动到左侧标签名称时，右侧展示删除按钮，否则不显示
关键实现代码如下：
title=”项目配置”
…略
>
…略
…略
…略
tab-position=”left”
>
:key=”item.envName”
v-for=”(item, index) in projectEnvs”
:label=”item.label”
:name=”item.envName”
>
slot=”label”
@mouseenter=”onMouseoverEnvDelBtn($event)”
@mouseleave=”onMouseleaveEnvDelBtn($event)”
>
{
{item.label}}
…略
export default {
版权声明：本文为weixin_32541663原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。