python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - vue-composition-api

How to set up a random letter generator in Vue 3 Composition API

I am attempting to set up a series of buttons to display random letters in a row using Vue 3 Composition API. In the setup function, I created 4 separate arrays with a series of letters. The letters a...
test-img

JS_is_awesome18

javascript

vue.js

vue-component

vuejs3

vue-composition-api

Votes: 0

Answers: 1

Latest Answer

It could be: const { letterDisplayOne, … } = toRefs(reactive({ letterDisplayOne: '', … })); Refs are specifically useful for two common cases. The first is when a value needs to be passed by referenc...
test-img

Estus Flask

How to play sound effects in Vue 3 app with Composition API

I am attempting to setup a basic button click in Vue 3 Composition API to trigger a sound effect. Currently, my setup function includes an mp3 sound effect imported from the assets folder then passed ...
test-img

JS_is_awesome18

javascript

vue.js

vue-component

vuejs3

vue-composition-api

Votes: 0

Answers: 2

Latest Answer

You can use Audio API directly from javascript: import trumpetSfx from '../assets/demo_src_assets_fanfare.mp3' ... setup() { const audio = new Audio(trumpetSfx); function play() { ...
test-img

Maverick Fabroa

Proper way to mutate array in vue 3 composition api

I have a component that receives data from an emit function and I wish to push object's onto an array. The trouble is when I push object onto array the object is empty?? Here is the code : <script ...
test-img

Alan

vuejs3

vue-composition-api

vue-reactivity

Votes: 0

Answers: 1

Latest Answer

Two suggestions: Always use const on reactive variables: const formDataHistory = ref([]);. The reference itself should never change, only the value. Try formDataHistory.value = [...formDataHistory.va...
test-img

simpliston

nuxtjs/composition-api - Module is undefined on composable file

I'm using @nuxtjs/composition-api in my Nuxt application with Vuetify. I have a composable file like this: // composables/dialog.js // https://www.npmjs.com/package/vuetify-dialog import { useContext ...
test-img

Marcelo The Mage Coder

javascript

vue.js

nuxt.js

vue-composition-api

Votes: 0

Answers: 0

Posts

Questions

Blogs

Jobs