vue element-ui回到顶部，

最新推荐文章于 2024-12-25 11:20:28 发布

翛翾梓

最新推荐文章于 2024-12-25 11:20:28 发布

阅读量1.2k

点赞数 3

分类专栏： js vue 前端

本文链接：https://blog.csdn.net/weixin_43118088/article/details/103671769

版权

前端同时被 3 个专栏收录

30 篇文章

订阅专栏

16 篇文章

订阅专栏

vue

11 篇文章

订阅专栏

回到顶部

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

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

<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>