BackTop 返回顶部

介绍

提供较长的页面快捷返回顶部功能。

安装

import { createApp } from 'vue';
import { BackTop } from '@nutui/nutui';
const app = createApp();
app.use(BackTop);

代码实例

基本用法

<nut-backtop  el-id="elId" ></nut-backtop>

设置出现位置

<nut-backtop :distance="200" ></nut-backtop>

自定义样式

<nut-backtop @click="handleClick" el-id="elId" :distance="100" :bottom="90" ><div>无</div></nut-backtop>

click事件

<nut-backtop @click="handleClick" ></nut-backtop>

<script>
export default createDemo({
  setup(props, { emit }) {
    const handleClick = () => {
      console.log('触发返回顶部');
    };
    return {
      handleClick
    };
  }
});
</script>

API

Prop

Event