vue element-ui回到顶部，

回到顶部

一开始我也弄不出来，根据文档复制后，怎么都不显示，百度搜了一下，还遇到一些复制文档的傻逼浪费很多时间，

后来找到一个弄成功了的，但是在我这还不行；
我想了一会，就弄好了，

<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',
        width: '40px',
        height: '40px',
        borderRadius: '4px',
        lineHeight: '45px', // 请保持与高度一致以垂直居中
        background: '#e7eaf1'// 按钮的背景颜色
      }
    };
  }
};
</script>  

其实最关键的一步是要找到backtop这个组件在什么地方，我也是吧node_modules打开一层一层找的，

注意的点：

一、import 引入backtop 找到backtop组件的地址，

import BackToTop from ‘…/node_modules/element-ui/packages/backtop/index’

二、components: { BackToTop},

一般用脚手架搭建的项目 …/node_modules/element-ui/packages/backtop/index

具体的还要看你的项目，