html+hover遮罩效果,如何在Vue中，当鼠标hover上元素时,给元素加遮罩层

介绍

当鼠标hover 上元素时,给元素加一层遮罩层。

效果图

使用

import VueHoverMask from 'vue-hover-mask'

export default {

components: {

VueHoverMask

}

}

示例

编辑

import VueHoverMask from './components/VueHoverMask'

export default {

name: 'app',

components:{ VueHoverMask },

methods: {

handleClick() {

console.log('click')

}

}

}

@import url("//at.alicdn.com/t/font_1262845_52b6h42svd7.css");

.iconfont {

font-size: 25px;

}

组件代码

(完)