vue element-ui 鼠标划入table某行该行操作按钮显示与隐藏

文章目录

  • 情况1:鼠标划入table某行该行操作按钮显示与隐藏
            • 要点
  • 情况2:鼠标进入按钮区域,按钮显示与隐藏
            • 要点

情况1:鼠标划入table某行该行操作按钮显示与隐藏

elemenu-ui/karman-ui的table 鼠标进入某一行显示操作按钮

代码:


  
    
    
        
    



要点
  1. 在需要显示与隐藏的按钮上加上class=“u-btn”;
  2. 在style中写入样式,我是用的自己的组件库,名字是karman-ui,所以对应的table为kui-table;如果是element-ui,对应的样式中写el-table

情况2:鼠标进入按钮区域,按钮显示与隐藏

vue element-ui 鼠标划入table某行该行操作按钮显示与隐藏_第1张图片

代码2:


    



要点
  1. 在需要显示与隐藏的按钮上加上class=“son”;
  2. 在按钮的外层加上div父元素,class=“father”
  3. 在style中写入样式,如代码

你可能感兴趣的:(css,elementui,vue)