My Vue 3 application is as follow: app.js import { createApp } from "vue"; import App from "./app.vue"; let vm = createApp(App) vm.mount("#app"); window.vm = vm app.vue <script> export default { name: "App", methods: { async someMethod() { this.data.push(1); }…
I'm just learning Vue and trying to learn dynamic rendering using the component tag. What is the problem with this code? No errors are displayed in the console, but clicking on the buttons still does not display the required component.…
I´m trying to call anonymous function defined in constant variable in my composable, and i need to call it in my component parent, that this anonimous function will fill my table with any data. I´m trying this: my composable: export…
I have the following structure of Vue components: <TopParent> <!-- listen for EventProducer's events here --> <Child_1> <Child_2> <Child_3> ... <Child_N> <EventProducer /> <!-- emit events here --> </Child_N> </Child_3> </Child_2> </Child_1> </TopParent> Question I want to emit an event…
The full warning message: [Vue warn]: Slot "default" invoked outside of the render function: this will not track dependencies used in the slot. Invoke the slot function inside the render function instead. Nothing is broken and the functionality runs fine.…
Greetings fellow developers! Using Vue 3, composition API with setup. I am working on a custom component "Table" to render... a table. It expects a prop called "data", which is an array of objects (as rows) with such params: title,…
I want to change the background of my components based on the colors of the image inside the component. There are 20 instances of the component on the page, now all 20 instances get the same color, however they should…
I am trying to delete multiple rows from database. Everything works fine except last row passed in id array is not deleted. I am doing it with ajax and below is the link sent http://local.domain.com/app/deletemultiple/[88,87] And here is the code…
I have made a tab overview and in order to not overload the api with calls, I put them in a loop like described in the documentation: link It all works but my tabs have icons and translations and I…
I must create a generic toast component with a custom message and class. I managed to pass a message props without problems but I still can't do it with the bootstrap class. child: Toast.vue <script setup> const props = defineProps({…