es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo actualizar/borrar el valor de ref en VueJS 3 API de composición?

12 Jun, 2023 Programación

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: 3}

¿O cuál es la forma correcta de actualizar/borrar ref.value?

export default {
  setup() {
    let myRef = ref([]);
    return {
      myRef
    };
  },
};
Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para actualizar o eliminar el ref.value, simplemente puede usar la propiedad .value del objeto ref. Por ejemplo, para agregar un nuevo elemento al array dentro de miRef, puede usar:

    miRef.value.push(3);

    Y para eliminar un elemento, puede usar cualquiera de los métodos de array (por ejemplo, splice(), slice()) en miRef.value.

    No es necesario usar selectedElements.value en su ejemplo ya que miRef es una referencia reactiva al array. Por lo tanto, puede modificar el array directamente usando miRef.value.

    Usar .value le permite acceder al valor real del ref, en lugar de la versión proxy reactiva que se devuelve de manera predeterminada.

Comments are closed.