I have the following component structure:- MainLayout has a page MyGroupPage which needs to display a list of fetched messages in a group based on the MyGroup that is being clicked. But I also want to add new messages in a particular group. To do that I have MyInputBox. Currently the list of groups and messag…
Tag: vuejs3
VueJS 3 / Vuex – How to display data from a nested json result
Dears, I’ve been struggling with this for hours, even following basics tutorials. I’m trying to display some data in Json in my Vue 3 project, when a data is in an array, using a loop I get everything I need, but if it isn’t in an array, I get an error or the data are stick together. I’…
Can we use expose method to return other reactive variables and computed properties like methods in vue 3?
I am changing my application from vue 2 to vue 3. By using composition api,i have changed my previous render function in that setup hook. After checking some documentation,I got to know that i can expose methods by using context.expose({}). Now my questions are: How to replace created method in vue 3 composit…
Repeat the same behaviour on Ant Design Editable Table for React on Ant Design Vue 3?
I’m using Ant Design in Vue 3 and I have a table that I’m able to edit all the cells. The problem is: I want to automatically close the editable cell if the user opens a new one to edit. While I was researching, I noticed that this behaviour happens on Ant Design for React accordingly to the docum…
VueJs 3 – Custom Input Component
I’m trying to build a custom HTML <input> component for VueJS3. I’ve been following this tutorial: https://dev.to/viniciuskneves/vue-custom-input-bk8 So far I managed to get the CustomInput.vue component to work and emit the modified value back to the parent App.Vue. What I don’t under…
How to target and erase a multiplicated component in Vue
I need to target and erase a component that I duplicated using v-for. I’m creating a multiple stopWatch app. At this time I’m able to erase only the last component I duplicated but I want to be able to erase any of the components targeted Here is my component “Counter”: and there is th…
When Importing Self Made Vue 3 Library Into Vue 3 Project: “Uncaught TypeError: Cannot read properties of null (reading ‘isCE’)”
I created a custom component library using Vue 3, and after installing it locally thru yarn and registering the components, I kept getting the following error in the browser devtools when using the components in the template: Uncaught TypeError: Cannot read properties of null (reading ‘isCE’) Upon…
I run into problems when i add “.slice()” to the line of code
I’m new to vue.js. I’m making a fast typing application. Everything was as it should be, but when I wrote and ran this line of code, I got this error in the terminal: **INFO Starting development server… 98% after emitting CopyPlugin ERROR Failed to compile with 1 error 23:59:37 This dependen…
Vuejs3/Vuex4 conditional render on promise fulfillment
I have custom objects for holding child objects full of data. The child objects are initiated with null values for all their properties, so the objects can be referenced and their properties filled from remote sources. This creates a lazy-loading setup. This code is going to be extremely trimmed down, but eve…
In Vue3 changing root state stopped working
My mutations which changes root state stopped working But changing inner value is working Answer This state = … changes state local variable (parameter), it cannot affect anything that happens outside this function. { …state, …payload } shouldn’t be done in Vue because it doesn’t…