鼠标光标变成小手

这个功能是当鼠标移动到某个元素上面的时候改变光变的样式,我使用的方法是HTML+JS的方法进行实现

HTML

<img v-for="(item,index) in srcLista" :src="item" @click="substitute(item)" @mouseover="changeMask(true,index)" @mouseout="changeMask(false,index)" :id="'abc'+index">

JS

changeMask(b,index){
    
        
			    if(b){
    
    
			       	document.getElementById("abc"+index).style.cursor="pointer"; 
			    }else{
    
    
			        document.getElementById("abc"+index).style.cursor="wait"; 
				}
			},

第二种方法是使用css进行实现这种方法相对简单,只需要在元素上添加属性就可以了

cursor:pointer;

猜你喜欢

转载自blog.csdn.net/qq_49552046/article/details/121262986