vue获取选择框的值（vue中使用hover选择器无效的问题）

使用hover选择器无效

开头点题  
  
  
  
  
  
  ，先说结论 
  
  
  
  
  
  
，父组件z-index为负


 


 


 


 


 


 

，鼠标根本无法位于组件上             。

心情复杂 
 
 
 
 
 
 ，特地来给兄弟们讲个笑话  
   
   
   
   
   
   
，开心一下 
 
  
 
  
 
  
 
  
 
  
 
  
 。

事情是这样的

 

 

 

 

 

 
，今天想实现个很简单的功能
 

 

 

 

 

 

 ，鼠标移上去会根据组件类型变色给用户一定提示的那种             ，使用css的hover选择器
 

 
 

 
 

 
 

 
 

 
 

 
 
，很简单就可以实现了












，拿出键盘                    ，哐哐一顿操作
 
 
 
 
 
 
 
 
 
 
 
 
 
，完成












。代码大概就是这么简单

结果


















，项目运行起来完全没有任何提示效果              ，我懵了
 
  
 
  
 
  
 
  
 
  
 
  
 
，代码过于简单












，完全不知道该从哪下手解决  
  
  
  
  
  
  ，百度谷歌一通操作 
  
  
  
  
  
  
，结果大概是冒号后空格


 


 


 


 


 


 

，类型名错了 
 
 
 
 
 
 ，link active的顺序这几类…

一目了然  
   
   
   
   
   
   
，我的错不是这几种啊

 

 

 

 

 

 
，但没有效果他肯定我的错啊
 

 

 

 

 

 

 ，那么错哪了？

就盯着那几行简单的代码瞅啊瞅啊             ，瞅了一个小时
 

 
 

 
 

 
 

 
 

 
 

 
 
，也没用啊












，完全看不出来
  
  
  
  
  
  
 。于是下定决心                    ，视野打开
 
 
 
 
 
 
 
 
 
 
 
 
 
，调其他的组件


















，这一调试              ，差点气成高血压啊 
  
  
  
  
  
  。

给大家看下代码

到这里
 
  
 
  
 
  
 
  
 
  
 
  
 
，大家应该能看出问题出在哪里了












，z-index:-10（顺口提一下  
  
  
  
  
  
  ，z-index似乎只在position: relative/absolute条件下生效）啊 
  
  
  
  
  
  
，神特喵-10


 


 


 


 


 


 

，hover是鼠标选择器 
 
 
 
 
 
 ，在鼠标经过组件时生效  
   
   
   
   
   
   
，做出各种改动

 

 

 

 

 

 
，我的组件z轴设为-10
 

 

 

 

 

 

 ，怎么可能经过组件啊             ，这是正常人能想出来的剧情吗？我都佩服自己啊 


 


 


 


 


 


 

。

就因为这个看起来很简单的问题
 

 
 

 
 

 
 

 
 

 
 

 
 
，浪费了大量的时间












，所以记下来                    ，给更多人看到
 
 
 
 
 
 
。

vue的hover鼠标悬停hover事件

vue中没有hover
 
 
 
 
 
 
 
 
 
 
 
 
 
，可以使用css伪类：hover 或者@mouseenter @mouseleave @mouseover @mouseout 等处理类似需求

以上为个人经验


















，希望能给大家一个参考              ，也希望大家多多支持本站  
   
   
   
   
   
   。