Tag: VUE-REACTIVITY
Prefiero mover la funcionalidad fuera de los componentes cuando el código del componente se vuelve demasiado abarrotado. Por lo tanto, este es un problema con el que me he enfrentado varias veces cuando he pasado los Props del componente como argumentos a funciones que estaban fuera del alcance del componente, . . . 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
Aquí está el código de mi aplicación Vue3: <template> {{ names_data }} </template> <script> import getData from “./composables/getData”; export default { name: “App”, setup() { var filenames = [“test1.json”, “test2.json”]; const { names data, error, load data } = getData( filenames ); load data(); console.log(“names”, names data) console.log(“error”, error) return . . . 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 un componente personalizado que utiliza la propiedad modelValue y emite el evento update:modelValue. En el componente padre paso una matriz: TestComponent.vue <template> <div> <button @click=”updateIt”>Test</button> </div> </template></p> <p><script> export default { props: { modelValue: Array }, emits: [“update:modelValue”], setup(props, {emit}){ return { updateIt(){ emit(“update:modelValue”, [4,5,6]) } } } } . . . Read more