Necesito obtener el valor de una propiedad de referencia y pasar este valor en el parámetro <Link :route()>
Mi código en Component.vue
<div class="item" v-for="item in props.user.items" :key="item.id">
<Link :href="route('user.route', {id: item.id, ll: getCurrentRef() })">Go to edit</Link>
<div>
<TextInput type="number" :id="`ll_${item.id}`" name="ll" :value="item.ll?0"
@keyup="setCurrentRef($event.target.value);" />
</div>
</div>
<input type="text" ref="element" id="element" value="XX">
<script setup>
import {ref, onMounted} from 'vue';
const element = ref(null)
const setCurrentRef = (value) => {
element.value.value = value;
}
const getCurrentRef = () => {
return element.value.value = value;
}
onMounted(() => {
//alert(element.value.value)
});
Puedo establecer el valor del elemento ref en @keyup con el método setCurrentRef() normalmente, pero no obtengo el valor con el método getCurrentRef()
En onMounted, cuando actualizo la página, veo el primer valor del elemento que es "XXX", pero si pones este retorno "alerta (elemento.valor.valor)" en una función y lo llamas en cualquier lugar, esto devuelve una alerta. con "indefinido"
En la consola, el error que aparece es: Uncaught (en promesa) ReferenceError: el valor no está definido.