elementUI 中“回到顶部”组件 el-backtop 怎么用？
你如果直接复制以下官网的代码到你的项目中，肯定是不显示的，而且控制台还会报错。使用这个组件需要注意以下两点：一、写在最外层容器下的第一行代码例如：<template><div class="wrap"><el-backtop target=".panel-card" :visibility-height="200" /><!-- 下面是其他的 html 代
·
你如果直接复制以下官网的代码到你的项目中，肯定是不显示的，而且控制台还会报错。
使用这个组件需要注意以下两点：
一、写在最外层容器下的第一行
代码例如：
<template>
<div class="wrap">
<el-backtop target=".panel-card" :visibility-height="200" />
<!-- 下面是其他的 html 代码 -->
</div>
注意： 其他内容区的代码写在 el-backtop 下面，不要写在标签中间
二、外层容器有两个 CSS 属性是必须写的
代码例如：
.wrap {
height: 100%;
overflow-x: hidden;
}
最后注意一点： 属性 visibility-height 的值规定了下拉到某个指定高度时出现“回到顶部”的图标
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)