rigor789/vue-scrollto

Not working with Nuxtjs

Open

#311 创建于 2020年6月26日

在 GitHub 查看
 (3 评论) (0 反应) (0 负责人)JavaScript (1,966 star) (114 fork)batch import
help wantednuxt

描述

Hi,

Nuxt Version: v2.13.0

I can't figure out how to get this working with Nuxt JS.

I've imported the module as stated in the docs.

modules: [ 'vue-scrollto/nuxt', ]

My markup in my component is as follows:

<a href="#" v-scroll-to="'#' + navItem" v-html="navItem" />

As a result, I get the following error and the scroll doesn't work at all.

vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to resolve directive: scroll-to

Am I missing a step? I am trying to apply the module to a list of LI's, should that cause issues? I think it's a pretty standard use case.

Thanks in advance

贡献者指南

技术栈
javascriptvuenuxt
领域
frontend
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
under 1 hour
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
Vue.jsNuxt.js
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
60
研究方向
Check whether the Nuxt module 'vue scrollto/nuxt' is properly registered in nuxt.config.js. Verify that the module exports the directive globally. Look at existing comments or issues with similar errors. Consider testing with a minimal reproduction.