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…
I'm new in vuejs and I was creating custom components for elements like buttons, links, inputs, etc. This is my input component- <template> <div class="position-relative"> <input :class="[{ 'pe-5': type === 'password' }, 'form-control p-2 rounded-3']" :type="inputType" :id="label ? slugify(label) :…
i am using vuejs3 with options api. as shown in the code posted below, i create a compsable class ClsUseStates.js, in which the value of state changes every second. in app.vue, i instantiated an object of ClsUseStates and when the…