element-ui回到顶部，使用版本(2.10.1)

最新推荐文章于 2024-08-15 14:19:16 发布

智慧的狗狗

最新推荐文章于 2024-08-15 14:19:16 发布

阅读量4.2k

点赞数

文章标签：回到顶部含实现代码

本文链接：https://blog.csdn.net/qq_43427364/article/details/98488777

版权

在这里插入图片描述
注意target必须是对应的大类名，我是在tab-pane里使用回到顶部，这个类名就是它整个内容包含的组件类名

   <el-tabs v-model="activeName" tab-position="left" class="sideTab" stretch @tab-click="handleClick(activeName)">
    <el-tab-pane name="first" class="first" style="padding:0" id="vanTabs">
        <div slot="label" class="sub_side spcial">
            <img src="../../assets/images/yuqing.png">
            <div class="title">银行舆情</div>
        </div>
         
<BankPublicOpinion v-if="showBank==true"/>   //Home-Bank类组件
 <el-backtop target=".Home-Bank" :bottom="100" style="right:17px" v-if="showBank==true">
    <div
    style="{
        height: 100%;
        width: 100%;
        text-align: center;       
        color: black;
    }"
    >
    <div class="tohead-buju">
                <img src="../../assets/images/up.png" alt="">
                <span>顶部</span>
            </div>
    </div>
</el-backtop> 
    </el-tab-pane>