在 Vue 2 的 Element UI 和 Vue 3 的 Element Plus 中,Backtop
组件用于快速回到页面顶部,但它们在细节上可能有所不同,尤其是在属性和事件的支持上。不过,基本的功能和用法是相似的。
Vue 2 + Element UI 的 el-backtop
在 Vue 2 中,Element UI 提供了 el-backtop
组件用于快速回到页面顶部。
属性(Props)
target
: 指定滚动的目标元素,默认为window
。visibility-height
: 滚动高度达到此参数值才出现 BackTop,默认为200
。custom-style
: 自定义样式,可以是一个对象。
事件(Events)
click
: 点击回到顶部按钮时触发。
方法(不直接暴露)
el-backtop
组件通常不直接暴露方法供外部调用。
示例
<template>
<div style="height: 2000px;">
<el-backtop target=".page-content" :visibility-height="100" @click="handleClick">
<!-- 你可以在这里自定义按钮内容,但默认会使用 Element U