element-ui Backtop组件的应用

最新推荐文章于 2024-07-17 08:37:25 发布

VLooong

最新推荐文章于 2024-07-17 08:37:25 发布

阅读量223

点赞数

CC 4.0 BY-SA版权

分类专栏：学习笔记

本文链接：https://blog.csdn.net/m0_46106777/article/details/115918306

学习笔记专栏收录该内容

13 篇文章

订阅专栏

本文介绍 Element-UI 中 Backtop 组件的应用方法，包括如何将其放置于页面合适位置及设置滚动目标等关键配置项。通过示例代码演示了如何在 Vue 项目中正确使用该组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

element-ui Backtop组件的应用

官网示例

<template> 
    Scroll down to see the bottom-right button.  
    <el-backtop target=".page-component__scroll .el-scrollbar__wrap"></el-backtop> 
</template>

写得不太清楚

应用

<!--   主体 -->
<el-main>
    <!--将backtop放到外层容器最开始，并将target设置为想要回到的标签的类名，right属性确定图标与页面右边的距离-->
  <el-backtop target=".el-main" :right="65"></el-backtop> 
  <router-view></router-view>
</el-main>