I've got a problem where I want a child component to call a function given to it as a prop from the parent. I have done it before with other components, but with this it just doesn't work. Here are…
I am trying to watch a computed value that gets filled up with messages from a store. This is it (code reduced for brevity): <div ref="RefWindow"> <ul v-for="Message in Feed"> <li>Message</li> </ul> </div> const Feed = computed(() => MyStore.Messages) const…
I am trying to switch images on click in Vue.js. My code isn't working but this is what I am trying to make happen: On load the image is black, after clicked/selected the image switches and turns into a blue…
Im trying to load a component with the name that I get from the database, but it keeps sending me the error [Vue warn]: Component is missing template or render function. import SimpleQuestions from '@/components/SimpleQuestions.vue'; const templates = { SimpleQuestions,…
I am conditionally rendering a child component using render function. Here is an example of the parent component with the child component: <Parent :index="1"> <Child> ... </Child> <Child> ... </Child> <Child> ... </Child> </Parent> in the render function of Parent…
I have a Laravel 10(php 8.1) project in which i have install vue 3 for making a dynamic component. Component Detail: I have created a component for showing team members of a company with a category bar where they can…
My response looks like this: "links": { "first": "http://localhost:8000/api/tasks?page=1", "last": "http://localhost:8000/api/tasks?page=200", "prev": null, "next": "http://localhost:8000/api/tasks?page=2" }, "meta": { "current_page": 1, "from": 1, "last_page": 200, "links": [ { "url": null, "label": "« Previous", "active": false }, { "url": "http://localhost:8000/api/tasks?page=1", "label": "1",…
on the vue3 page below I have integrated a player that shows a "play" icon when the player is stopped, and a "pause" icon when it's playing. What I am now trying to do is to let the player repeat…
I would like to export a function from a component from within the "" section and use it in another component. I tried it like this: <!-- TestHeading.vue --> <template> <h1>{{ title }}</h1> </template> <script setup> import { ref }…
I have a table of members created by a v-for and some users can manage other members based on their role. I implemanted some check to prevent some role to intervene but the complete list of check is done in…