I want to create a search component with result dropdown in vue js using composition api. The component should follow the next requirements: Clicking on the input a request should occur, loading component should appear, the API needs to return…
example store: const trigger = ref(true); const prop = computed(() => { trigger.value; console.log('comp prop run'); // works! return some_big_object; }); const doChange = () => { some_big_object[5000].text = 'abc'; trigger.value = !trigger.value; } return { prop, doChange } in…
I am trying to trigger an event from button to input file. Below is the code <template> <div> <PrimaryButton type="button" :for="props.videoId" :disabled="uploading" @click="selectVideo" > Upload </PrimaryButton> <input :hidden="true" :ref="videoInput" :id="props.videoId" type="file" @change="handleVideoLoad" // for emits :disabled="uploading" /> </div> </template> <script…
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've finally been able to encapsulate a Vuetify <v-dialog> in a custom component in Vue 3 Composition API. Below is the code for my SignUpDialog.vuecomponent. It's also available in a Vuetify Play playground. <script setup> import { onMounted } from…
I have a vue3 project and I use the composition API. I have a component which shows some items (called tokens in this case). <script setup> import { ref, onMounted, toRaw } from 'vue' import RotaryToken from './RotaryToken.vue' const tokens…
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'm trying to make a preloader as a v-if component on the page for 2 second and than toggle view to another block. But I can't get hoe to write it correctly. Also do I need to add an endSettimeout…
I have a button which would enable and disable based on the mandatory form fields. When the button is enabled, clicking would have the ripple effect. I want to add the ripple effect when the button is disabled as well.…
I'm writing a Vue 3 app using Vuex and Composition API. I've run into such a problem. A component displays elements depending on the state of two store state variables. One is an array and the second is the boolean.…