I have app using VueJS + Vuetify + Spring. I’m getting a travel list from server and I want to display the list of names in a navigation drawer. I created a travelList array and I want to fetch this list of travels before drawerElements passes it to the navigation drawer as a prop. Is it possible? My current code
Tag: vue.js
Image height is reset to 0 after upgrading to Vue 3
I have the following image definition. Template: JS: This code works well with Vue 2. Note that the height of the image is set directly in the image. Problem: After I upgraded to Vue 3, the images height is set to 0 in the rendered component. Here is what it generates: Question: How to make Vue 3 correctly render height
Vue 3: computed property doesn’t track its dependency in composition API
Consider this illustrative example: As you can see, message stores a computed value that should track updates to name but it isn’t. Why is it like that and how to fix it? Answer Computed should always use an immutable reactive ref object you want to be computed. so if you declare the reactive objects you are using at the beginning
Call methods of vue.js 3 single file component in script tag
Lets say i have a single file component like this: is there a way to access methods(in this case ‘colorize’) outside of ‘export default’?(in this case ‘window.onload’ event Answer You can move the event listener definition to created lifecycle method, i.e. into the component definition, where you can access colorize with this.colorize:
Vue.js infinite loop on component re-render [closed]
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers. This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers. Closed 2 years ago. Improve this question
Unable to expose a public page referenced in an email to let users reset their password in a Vue JS, Node JS and Mongo db website structure
I’m working on a Vue JS, Node and Mongodb website with user management features. I implemented a “Reset Password” functionality: a user can access his profile page, press the reset password button and this will trigger a node functionaly, which is gonna send him an email containing a URL link pointing to a Vue JS component exposed to the public
How to v-for checked value
I’m trying to create a checkbox select only one. My JS looks like the following: This is the old result. I’m trying to get results like this. I can do this by not the v-for method, but I want to do it this way. Because I have a lot of data, How can I checked value in v-for? Here is
undefiend value in array of objects Vuejs
im trying to make an array with objects but while looping i get as a result the first 83 objects as undefiend and only the last 4 with correct data. I tried to refactor the code several times but i dont seem to find a solution. This is the console log result i get This is the network response i
Generate dynamic robots.txt and also sitemap.xml in my Nuxt app or Vue app
What I’m trying to do here is to make nuxt.js or vue.js generate a robots.txt and sitemap.xml that can be pulish the data that inside each file from an external api. Answer On Nuxt, you can use these 2 modules to generate dynamically yours robots.txt and sitemap.xml https://www.npmjs.com/package/@nuxtjs/robots https://www.npmjs.com/package/@nuxtjs/sitemap
Toggle sidebar from Vue method?
In a <b-table> I would like to create an action on each items so I have a button: Then I have a Form in a sidebar In my methods I would like to respond to the action: Of course, this last part is not valid. On Bootstrap Vue manual I didn’t find how to interact from Vue to Bootstrap components.