Necesito llamar a la función después de que el documento esté listo, porque necesito acceso al punto de clase css.
mounted () { $(this).ready(function () { this.methods.addSlick() }) }, methods: { addSlick () { $(this.$refs.yourClass).slick({ slidesToShow: 1, slidesToScroll: 1, mobileFirst: true, ininite: false, dots: true, customPaging (slider, i) { return '<span class="dot">s</span>' } }) } }Error en la Consola:
jquery.js?1157:3827 Uncaught TypeError: Cannot read properties of undefined (reading 'addSlick') at HTMLDocument.eval (ProductSlider.vue?5b8f:30:1) at mightThrow (jquery.js?1157:3534:1) at process (jquery.js?1157:3602:1) eval @ ProductSlider.vue?5b8f:30 mightThrow @ jquery.js?1157:3534 process @ jquery.js?1157:3602 setTimeout (async)el mensaje de error le dice que está tratando de acceder a addSlick de undefined , eso significa que this.methods en su primer bloque de código no está definido. Esto sucede porque lo está envolviendo en una llamada ready jQuery que cambia this contexto que no es lo que quiere aquí. La llamada ready no es necesaria, porque si ejecuta algo en mounted , puede estar seguro de que su ref yourClass está disponible en el dom.
Si elimina las líneas 2 y 4 de su primer bloque de código, el mensaje de error debería corregirse.