Question

我正在尝试在Vue CLI中使用第三方库（特别是：https://www.npmjs.com/package/vue-scrollto）。根据文档，我可以在单个组件中要求该库，如下所示：

var VueScrollTo = require('vue-scrollto')

但是我宁愿将库导入我的main.js文件一次，然后从Vue对象引用它。根据我在其他库中的经验，我希望它可以像以下那样工作。首先进入我的main.js：

import Vue from 'vue'
import VueScrollTo from 'vue-scrollto'

Vue.use(VueScrollTo)

new Vue({
  VueScrollTo
}).$mount('#app')

然后，我希望我应该能够在任何这样的组件中访问该库：

this.$VueScrollTo.scrollTo('#top', 1000)

但是，它导致错误"TypeError: Cannot read property 'scrollTo' of undefined"。正确的方法是什么？

Answer 1

根据代码和文档，您应该使用this.$scrollTo('#top', 1000)