nuxt scrollTo
时间: 2023-09-12 08:03:42 浏览: 237
nuxt-relative-dir:Nuxt 进行 generate 之后,将路径替换成相对路径并生成新的文件目录
`nuxt scrollTo` 是 Nuxt.js 框架提供的一个插件,可以让页面滚动到指定的位置。在 Nuxt.js 中使用 `nuxt scrollTo` 插件需要先安装:
```bash
npm install @nuxtjs/scrollto
```
然后在 `nuxt.config.js` 中配置:
```js
modules: [
'@nuxtjs/scrollto'
]
```
接下来就可以在组件中使用 `$scrollTo` 方法进行滚动。例如:
```html
<template>
<button @click="scrollToTop">回到顶部</button>
</template>
<script>
export default {
methods: {
scrollToTop() {
this.$scrollTo(0, 500)
}
}
}
</script>
```
上面的代码中,`$scrollTo` 方法的第一个参数是要滚动到的位置,第二个参数是滚动的时间(单位为毫秒)。在这个例子中,点击按钮后会将页面滚动到顶部,并在 500 毫秒内完成滚动。
阅读全文