I have this code (in the fiddle the circles overlap, but it works alright on my PC - most likely due to pixel widths being off in the fiddle?): https://codesandbox.io/s/objective-hamilton-zspre8?file=/src/App.vue TestCircle.vue: <template> <div class="circle" :style="{left: this.left, top: this.top}"> {{value}} </div>…
I want to have an autocomplete: https://www.npmjs.com/package/vue3-simple-typeahead the problem is, input datas cant be fixed, they come from an ajax request. But after page loaded, I cant seem to be able to modify those values. I was reading about computed,…
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…