Tag: VUE-COMPOSITION-API
Estoy utilizando Vue 3 con la API de Composición y actualmente estoy tratando de agregar Typescript a mi proyecto. Tengo un componente de “entrada global” al que llamo para crear cualquier entrada que desee. Luego, este componente renderizará otro componente de entrada dependiendo de las props “inputType”. Por ejemplo, puedo . . . Read more
Estoy usando “watch” para rastrear el valor del elemento de entrada, que se activa cada vez que el valor cambia. ¿Existe alguna forma de llamar a “watch” explícitamente? como: Evento de clic -> isDataChanged -> llama a watch -> devuelve verdadero si la referencia cambió <template> <input type=”text” v-model=”userInput”> <button . . . Read more
Al hacer clic en cualquier botón en el formulario HTML, se activa un evento de envío. Estoy utilizando la API de composición de Vue 3 para enviar datos a un backend cuando se dispare el evento de envío. import axios from ‘axios’ import { ref } from ‘vue’ export default . . . Read more
Estoy usando un valor ref para poder ejecutar solo un evento de clic si el valor ref está cambiando. Por ejemplo, si quiero actualizar/borrar el array dentro de let myRef = ref([]);, ¿simplemente debo acceder al proxy y realizar las operaciones de esta manera?: selectedElements.value.push(3); Lo que devuelve: Proxy {0: . . . Read more
Tengo dos funciones componibles en la configuración de mi componente: setup(props, context) { const {product, getProduct} = useProduct(); const {label, getLabel} = useLabel(product); onBeforeMount(async() => { await getProduct(root.$route.params.productId); } Aquí está mi problema. Importo los métodos/referencias de las funciones compuestas useProduct y useLabel. Recupero el valor del producto específico en . . . Read more