rigor789/vue-scrollto

using this.$scrollTo in nuxt / typescript

开放

#321 创建于 2020年7月11日

在 GitHub 查看
 (2 条评论) (4 个反应) (0 位负责人)JavaScript (114 个派生)batch import
help wantednuxt

仓库指标

星标
 (1,966 个星标)
PR 合并指标
 (30 天内没有已合并 PR)

描述

There's an issue when using with nuxt (2.13.3) / typescript (@nuxt/types => 2.13.3)

If i don't import vue-scrollto inside my global.d.ts file:

import 'vue-scrollto'

Then using this.$scrollTo inside a component would complain about:

"Property '$scrollTo' does not exist on type 'CombinedVueInstance<Vue, Data, { setActive(index: number, id: number): void; findArticles: ((this: any, val: string) => Promise) & Cancelable; hideResults(): void; showArticle(articleId: number, categoryId: number): Promise<...>; }, unknown, Readonly<...>>'.Vetur(2339)"

贡献者指南

研究方向
问题在于 TypeScript 无法在 Vue 实例上找到 `$scrollTo` 属性，因为该插件的类型增强在 Nuxt 中未被自动识别。用户发现，在 global.d.ts 文件中手动导入 'vue scrollto' 可以解决此错误。修复方法是，该包应导出一个类型声明，用于增强 Vue 模块以供 Nuxt 使用。请查看插件的类型定义（可能在 `vue scrollto/types/index.d.ts` 中），并考虑添加 Nuxt 特定的类型增强或文档。检查是否有任何现有的 PR 或评论正在解决此问题。
技术栈
vuetypescriptnuxt
领域
frontend
议题类型
缺陷
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 小时
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
活跃
清晰度议题是否清楚说明期望改动、验收标准和下一步。
清晰
前置要求
TypeScriptVue
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
70