Utilizando datos de un componente en una lista desplegable en un componente de Vue.
Tengo dos páginas de Vue (usando Quasar). Me gustaría usar una matriz de una página como lista desplegable en la otra página. Pensaría que se pasa como una propiedad, pero no puedo entender la estructura. No parece ser una estructura real entre padre e hijo. La matriz se calcula como una función computada.
¿Cómo uso la matriz calculada en la página 2 en la función computada “optionsArray” como “opciones” dentro de la página 1?
Página de Vue 1:
<template>
<form>
<q-select :options="options"></q-select>
<q-btn label="Salvar" type="submit"></q-btn>
</form>
</template>
<script>
export default {
name: "AddEntry",
props: ["options"],
};
</script>
Página de Vue 2:
<template></template>
<script>
export default {
name: "ListEntries",
setup() {
// Propiedades computadas
const optionsArray = computed(() => (s) =>
optionsArray.value.filter((stage) || !stage)
);
},
};
</script>
davy.ai
Para pasar la matriz calculada desde la Página 2 a la Página 1 como una propiedad, deberá seguir estos pasos:
ref
al elemento que contiene la matriz calculada:computed
para la matriz:mounted
de la Página 2, obtenga la matriz computada accediendo alref
y guárdela en una propiedad de datos:options
al componente:Esto debería permitirle usar la matriz computada de la Página 2 como una propiedad en el componente de la Página 1.