这篇文章主要讲解了如何使用Element Backtop回到顶部,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

组件— 回到顶部

基础用法

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

自定义显示内容

<template> Scroll down to see the bottom-right button. <el-backtop target=".page-component__scroll .el-scrollbar__wrap" :bottom="100"> <div style="{ height: 100%; width: 100%; background-color: #f2f5f6; box-shadow: 0 0 6px rgba(0,0,0, .12); text-align: center; line-height: 40px; color: #1989fa; }" > UP </div> </el-backtop></template>

Attributes

Events

看完上述内容,是不是对如何使用Element Backtop回到顶部有进一步的了解,如果还想学习更多内容,欢迎关注亿速云行业资讯频道。