无法解决指令：滚动到vue-scrollto

Question

我正在使用VUE JS（我是VUE JS上的新手）制作Web应用程序，特别是Vue2.x。我想单击菜单的元素，然后滚动到该元素。我曾想过使用此工具 https://vue-scrollto.netlify.app/examples/examples/ 正是我想做的。

问题在于，当我重复与示例中的代码相同时，我会收到错误“ [Vue Warn]：无法解决指令：滚动到 ”。这是我的代码：

<div :class="{subelementos: isOpenAndroid}">
        <div class="subelementos2">
          <p v-scroll-to="'#prueba'" class="subelementos3" @click="menuClick('android')">Principios</p>

        </div>
</div>

然后在另一个组件中：

<div id="prueba">
      <p>TEXTEXT</p>
</div>

我不知道有人是否熟悉此工具。我想我缺少一些重要的东西。

PS：也许是一个愚蠢的问题（对此很抱歉），但是，您认为必须使用NUXTJS吗？在工具的官方页面上，我认为是可选的 https：/ /vue-scrollto.netlify.app/docs/#nuxt-js 。

----编辑----

HTML，CSS和JS在同一文件中，特别是在.vue文件上。我认为也许我必须将外部库导入到我的.VUE文件中。

Answer 1

错误表明您尚未注册该指令。

vue-scrollto文档描述设置指令。插件会自动注册引擎盖下的指令，您可以使用 vue.use（） ：

// main.js
import Vue from 'vue'
import VueScrollTo from 'vue-scrollto'

Vue.use(VueScrollTo)

demo