div选中样式

最新推荐文章于 2023-11-30 17:05:32 发布

小猪大哥

最新推荐文章于 2023-11-30 17:05:32 发布

阅读量1.3k

点赞数

文章标签：前端 css vue

本文链接：https://blog.csdn.net/weixin_53917307/article/details/123827154

版权

div点击时:focus等无法实现选中样式，可以使用动态class实现

html部分：

@click="handleView($event)"

CSS部分:

.active{
    color: #fff;
    border-right:3px solid;
    background-color: #f0c195;
}

method部分：

methods:{
      handleView: function (e) {
         let currentClick = e.target;//当前点击
         if( this.lastClick !== ""){//上次点击
             this.lastClick.removeAttribute("class")
         }
         this.lastClick = currentClick;
         currentClick.setAttribute("class","active");//添加class属性
    }