Después de confirmar en vue 3 compositon api
router.push('/IssueList');
Aquí, quiero que mis componentes y se actualicen cuando lleguen a la página Lista de problemas.
Estoy redirigiendo a la página, pero no actualiza la página de la lista de problemas. ¿Cómo puedo hacer eso?
Los códigos en mi página IssueList son los siguientes.
<template> <div> <div class="card"> <h5>Konu Listesi</h5> <Button label="Yeni Konu Oluştur" class="p-button-success p-button-outlined mb-2" icon="pi pi-plus" @click="newIssue"></Button> <TabView ref="tabview1"> <TabPanel header="Bana Gelenler"> <issue-incoming></issue-incoming> </TabPanel> <TabPanel header="Benim Yazdıklarım"> <issue-send ></issue-send> </TabPanel> </TabView> </div> </div> </template>si entiendo su pregunta correctamente, debe vincular un: par de valores clave al componente que desea actualizar. así que, esencialmente, cuando pase lo que pase en la función de ejemplo, incrementará la variable de cambio que está vinculada al componente y obligará a que se actualice.
ejemplo -
<template> <div> <div @click="example()"> <p>update</p> </div> <Component :key="change" /> </div> </template> <script> import { ref } from "vue"; export default { components: { Component, }, setup() { var change = ref(0); function example() { change.value += 1; } return { change, example, }; }, }; </script>