Tag: VUE-COMPOSITION-API
Hay un componente con un “ref” como este: <template> <custom-component ref=”func”></custom-component> </template> <script setup=””> const func = ref(); </script> y dentro del componente hay una función como esta: const helloWorld = () => { console.log(‘hello World’); } ¿Cómo puedo acceder a la función “helloWorld” desde el componente padre?
Estoy trabajando en un proyecto construido en Vue3 y la API de composición, y estoy escribiendo casos de prueba. El componente que quiero probar es el siguiente. Home.vue <template> <div> <child @onchangevalue=”onChangeValue”></child> </div> </template> <script lang=”ts”> … const onChangeValue = (value: string) => { store.dispatch(“changeValueAction”, { value: value, }); }; . . . Read more
Tengo un botón que necesita cambiar su icono cuando se hace clic para alternar entre reproducir y pausar. Aquí tienes un ejemplo minimalista del código: <template> <pre><code><div @click=”toggleF”> <i v-if=”toggleForce == true” class=”fas fa-pause”></i> <i v-if=”toggleForce == false” class=”fas fa-play”></i> </div> </code></pre> </template> <script> import {onMounted, onBeforeMount, ref} from ‘vue’ . . . Read more
Estoy creando una calculadora de propinas usando Vue.js 3 y TypeScript. Tengo 5 botones con algunos valores, quiero usar sus valores para calcular un total, ¿cómo llamo a la función tipPercentage para obtener un único valor numérico que pueda usar para calcular el total y también no puedo sumar bill . . . Read more
Tengo un valor calculado emptyRowsRemoved derivado de la API de Reactividad. Necesito iterar sobre este valor. Pero debido a que computed() devuelve un proxy, ya no puedo iterarlo con .forEach. Me preguntaba si la única forma de iterar sobre el proxy es hacer un unRef del valor. Parece que debería . . . Read more