Advertisement

Element UI Backtop组件在Vue 2与Vue 3中的实现对比:分别介绍其属性、事件及方法的具体操作方式,并通过具体实例说明

阅读量:

在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" @c

全部评论 (0)

还没有任何评论哟~