button el-backtop 怎么调用

在使用 Vue.js 开发中，可以通过以下步骤来调用 el-backtop 组件：

首先，在 Vue 组件中引入 el-backtop 组件：

import { Backtop } from 'element-ui';

export default {
  components: {
    Backtop,
  },
  // 其他代码
}

然后在需要使用 el-backtop 的地方，可以直接在模板中引用它：

<template>
  <div>
    <backtop :right="100" :bottom="100" :visibility-height="200"></backtop>
  </div>
</template>

在这个例子中，我们通过 backtop 组件的属性设置了回到顶部按钮距离右侧和底部的距离，以及滚动条滚动多少才显示回到顶部按钮。

另外，还可以在页面中直接调用 el-backtop 组件的方法，来动态控制它的行为。比如：

<template>
  <div>
    <backtop ref="backtopBtn"></backtop>
    <button @click="handleBacktop">回到顶部</button>
  </div>
</template>

export default {
  methods: {
    handleBacktop() {
      this.$refs.backtopBtn.scrollTo();
    },
  },
  // 其他代码
}

通过以上的步骤，就可以在 Vue.js 中调用 el-backtop 组件，并根据需要来控制它的显示和行为。