vue 实现鼠标移入移出表格，显示影藏图标, 并弹出提示内容

效果：

1. Table代码

2. 重点： @cell-mouse-enter鼠标移入 @cell-mouse-leave="mouseLeave"鼠标移出

3. 初始化表格数据，定义showIcon字段为false

methods：{
    this.dataList.forEach((item) => {
        item.showIcon = false
    })
}

4. 自定义弹出提示内容：

    {{ scope.$index + 1 }}
 

5. 鼠标移入、移除事件：

methods：{
    mouseOver(row) {
        row.showIcon = true
    },
    mouseLeave(row) {
        row.showIcon = false
    },
}

end...

掘金