VUE实现吸附侧边栏效果

最新推荐文章于 2024-05-09 04:49:37 发布

原创

最新推荐文章于 2024-05-09 04:49:37 发布 · 2.8k 阅读

收录于

默认初始状态：按钮吸附侧边栏隐藏效果

鼠标移入：显示按钮

点击按钮执行相应操作：显示测试区域

鼠标移出按钮：恢复初始按钮吸附状态

完整代码

<template>
    <div class="home" id="home"> 
        <div :class="{'hand':true,'fold':true,'fode2-choose':foldClass}"  @click="show" @mouseover="mouseOver" @mouseleave="leave"><i :class="icon"></i></div>
        <transition name="el-zoom-in-top">
            <div v-show="icon!='el