Estoy haciendo una aplicación web con Vue js (soy un novato en vue js), específicamente Vue 2.x. Quiero hacer clic en un elemento de un menú y luego desplazarme hasta ese elemento. Pensé en usar esta herramienta https://vue-scrollto.netlify.app/examples/ ya que es exactamente lo que quiero hacer.
El problema es que cuando repito el mismo código que en los ejemplos, recibo el error " [Vue warn]: Failed to resolve directiva: scroll-to ". Aquí está mi código:
<div :class="{subelementos: isOpenAndroid}"> <div class="subelementos2"> <p v-scroll-to="'#prueba'" class="subelementos3" @click="menuClick('android')">Principios</p> </div> </div>
Y luego en otro componente:
<div id="prueba"> <p>TEXTEXT</p> </div>
No sé si alguien está familiarizado con esta herramienta. Creo que me estoy perdiendo algo importante.
PD: Tal vez sea una pregunta estúpida (perdón por eso) pero, ¿crees que es obligatorio usar Nuxtjs? En la página oficial de la herramienta se menciona, pero creo que es opcional https://vue-scrollto.netlify.app/docs/#nuxt-js .
----EDITAR----
El HTML, CSS y JS están en el mismo archivo, específicamente en un archivo .vue. Creo que tal vez tenga que importar una biblioteca externa a mi archivo .vue.
El error indica que no ha registrado la directiva.
Los documentos vue-scrollto
describen cómo configurar la directiva . El complemento registra automáticamente la directiva bajo el capó, y puede instalar el complemento en el punto de entrada de su aplicación con Vue.use()
:
// main.js import Vue from 'vue' import VueScrollTo from 'vue-scrollto' Vue.use(VueScrollTo)