在vue中使用elementUi的回到顶部backToTop组件

<template>
  <el-tooltip placement="top" content="回到顶部">
    <back-to-top :custom-style="myBackToTopStyle"
                 :visibility-height="300" :back-position="0" transition-name="fade"/>
  </el-tooltip>
</template>
<script>
  import  BackToTop from '../../../node_modules/element-ui/packages/backtop/index'
  export default {
    name:"app",
    components: { BackToTop},
    data() {
      return {
        input: "",
        myBackToTopStyle: {
          right: '50px',
          bottom: '50px',
           '40px',
          height: '40px',
          borderRadius: '4px',
          lineHeight: '45px', // 请保持与高度一致以垂直居中
          background: '#e7eaf1'// 按钮的背景颜色
        }
      };
    }
  };
</script>