我正在尝试在scroll-ease-efficient / Nuxt
应用程序中使用NPM软件包Vue
,所以我在scroll-ease-efficient.client.js
部分中指定的plugins/
文件夹中创建了一个名为plugins
的文件我的nuxt.config.js
文件。
这里是文件的内容:
import Vue from 'vue'
import { scrollTo } from 'scroll-ease-efficient'
Vue.use(scrollTo)
然后在我的应用程序中,我只是这样做:
const scrollEle = document.getElementById('element')
scrollTo(scrollEle, 500)
这应该可以,但是它什么也不做,而且我也没有控制台错误。
怎么了?
感谢您的询问。但是首先,让我澄清一下。并非所有npm软件包都打算使用Vue / Nuxt插件方法安装。这种方式的常规npm软件包名称通常包含单词vue / nuxt,例如Vuetify
或Vuefire
。
scroll-ease-efficient
包既不是vue也不是nuxt插件。因此,为了使用此程序包,您可以将该程序包中的全局api添加到vue或nuxt构造函数。
import Vue from "vue";
import { scrollTo } from "scroll-ease-efficient";
Vue.prototype.$scrollTo = scrollTo;
现在您可以通过this.$scrollTo()
访问全局方法>