vue鼠标划过显示二级菜单并切换icon

vue鼠标划过显示二级菜单并切换icon_第1张图片

如图,鼠标滑过显示二级菜单和图标 滑出隐藏显示

通过动态添加类实现

 

  • //要显示的部分 狗狗 //切换隐藏显示的部分
  • //显示的部分 猫咪 //切换隐藏显示的部分
data() {
    return {
         isActive: 0,
         isIcon:0
           }
       }
methods:{
  addClass(i) {
            this.isActive = i;
            this.isIcon=i;
              }
        }

css样式:

你可能感兴趣的:(vue.js,javascript,前端)