How do I get access to my properties with vue3, onMounted function? I’m using the setup script tag: configuration is not defined. Why is this the case? Answer Try this:
Tag: vue.js
How do I add hover effects over buttons on Vue.js 3?
I am building a calculator to help practice learning Vue.js 3 (I am new to vue). I have got the basic functionalities down but I am trying to figure out how to add a hover animation over the buttons. If possible I am trying to make a different hover color between the buttons in white and buttons in orange. Any
I’m getting an object even though I’m returning an array from my javascript function
I have a function in a javascript file where I return an array. But when I call this function, when I look at the type with the “typeof” command, it returns an object instead of an array. My javascript file is here. Here is where I call and use this function. Although my variable named actions is an array, it
Vue – Advanced Cropper (Uncaught TypeError: this.$refs.cropper.getResult is not a function)
I have a crop function for Vue Advanced Cropper like this: My HTML: I have included the import for Cropper: Version from package.json: Everything works until I get to the crop function where it says the following: Uncaught TypeError: this.$refs.cropper.getResult is not a function My first thought was, that it may have something to due with looping through multiple images,
Vue 3 arrays – Deletion from array removes wrong DOM element
When removing an element from a ref array in Vue, it removes the right one in the JS side of things, however in the DOM, it removed the last one of the list. I have no clue why it removes the wrong element. For example : When I remove B and logging that deletion, I get an array [A, C].
How to render a returned function value in Vue 3
I am pretty new to vue js. I need to render the value returned by the following function to the row in the table: The function is: The html tag in template is: However, nothing is rendered in that column respective rows. How can I show the value returned in those rows? The full code is here: A screenshot of
Why the sort method not working in the parent component?
This is the first project for me in VueJS. I have a product list and want to sort it by price. I built two components and tried to pass a sort method to the parent from the child component (dropdown button) by emitting an event. but after a lot of attempts, I can’t find the wrong with my code, any
Vue.js Variables
I am very new to Vue.js (and html in general), I am attempting to use Vue.js to automate Bulma tab switching without needing many HTML docs. This is an example of one of the lines to swap which tab is active. I am curious where I can initialize the tabsel variable and how does scoping work? I initially had a
Object property UNDEFINED in VUE v-for
I have this object inside an array called places which contains 20 similar objects and im using v-for to get each objects data into a div, other properties work fine, but when it comes to the openingHours.text property, it gives an error of undefined you can check the images below for more clarity figure 1 figure 2 Answer Does every
Cannot read string value of an object returned by params
I am just a beginner working on the note app which uses Laravel and Vue. And now I am having trouble trying to read the string value of an object returned by params from router.js and received by message inside props of MyIndex.vue. While the I think the object had been received, when alerting the user with toast, the “this.message.message”