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 messages in a group are
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’ve created a
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 composition api? (As we know, setup hook occurs
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 documentation. My
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 understand is – how will the emitted events be detected by the parent App.vue component? I can’t see it
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 the App.vue where I want to duplicate
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 researching the issue, it became apparent that the Vue community’s proposed solution isn’t
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 dependency was not found: core-js/modules/es.array.slice.js in ./node_modules/cache-loader/dist/cjs.js??ref–13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref–1-0!./node_modules/vue-loader-v16/dist??ref–1-1!./src/components/Main.vue?vue&type=script&lang=js To install it,
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 everything relevant should be here: The child then looks
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 force immutable state the same way as React. Initial state should be generally set on