I’m trying to trigger a function when I leave an input, but how I configured the input is by using vue-bootstrap-typehead. By inspecting the input element in the DOM it would be structured like this: and this is my code: I’ve tried adding the id=”myElement” on the typeahead itself but it puts the id in the div instead, which kinda
Tag: nuxt.js
Force Nuxt to run script tag
I have a script on a page: If I go to the page via a NuxtLink in the navigation the script runs, however if I type the URL to the browser address bar it doesn’t. Is there a way to force the NuxtLink result when the page is accessed directly? The script tag is coming from a CMS so there
Nuxt app failed heroku deployement code=H10 error
I’m trying to deploy my ecommerce nuxt app to heroku. Here’s exactly what I did then I followed exactly what the heroku website did list. Everything works Once I visit the link, however, I get an error: After following the heroku tail command, the app keeps crashing with the following error Now i know that this problem has already been
NuxtJS how to reload asyncData with emit
I would like to know if it is possible to reload asyncData in an emit in a function like this Page component-child Is it possible? Otherwise how to do it? Answer You can try this.$nuxt.refresh() to refresh fetch() or asyncData() hooks. As explained in the documentation: https://nuxtjs.org/docs/2.x/concepts/context-helpers#refreshing-page-data
Why the function that inside the v-hover is called every times whenever hovering
Whenever hovering on the v-sheet, getBlueColor() function that is inside the v-hover is called. why it happened like that? exemple code And It is result after 5times hovering on the v-sheet (10) Call function func.getBlueColor Answer On top of what was told above, I do recommend the second part of my answer here to have a fully flexible styling (section
Vue 2 and NuxtJS – style child component from parent
I have a Nuxt.js project (so still using Vue 2) with these two components, I would like to override the child style from the parent, I discovered the ::v-deep pseudo selector but it doesn’t seem to be working. My label always appear as cornflowerblue instead of orange. Anyone has experienced this before ? PS: After I get that to work,
Why is removeEventListener not properly working in my Nuxt app?
The component below renders when there is a search result on my app, and it checks if the user scrolling is at the bottom of the page. The code works well at first, but after navigating out of the page and returning back to the page and scrolling is where I then get the error Uncaught TypeError: Cannot read property
How to use owl carousel in Nuxt?
I want to make script work on every page without that these page need loaded; I have owl caroussel script on my static folder, and i already put it in nuxt.config.js, here how i put it: And there is the script on my main-script.js: The caroussel work well on the page if the page is loaded, but if it come
Three.js webglrenderer.render issue
I’m developing a site with three.js and Nuxt.js. When i try to use the EffectComposer, the console give me a lot of warnings like this: three.webglrenderer.render(): the rendertarget argument has been removed. use .setrendertarget() instead. In my case, I understand that it’s an issue with the newest versions of three.js, because if I use an earlier version of three.js(101) it’s
How to ignore a .ts/.js file in nuxt to not be generated in routes?
i’m new to nuxt.js and also trying to set a small architecture to my project. i want to set my components like this: the issue is when nuxt generate routes, i got: and the second route based on .ts file, i did change my .ts file to see if there’s any changes, and yes the second componentName changes to match