componente
<template> <div> <b>Vuejs dynamic routing</b> <div v-for="item in items" :key="item.id"> <b>{{ item.id }}.</b> <router-link @update="updateValue" :to="{ name: 'UserWithID', params: { id: item.id, items: items } }" > {{ item.val }}{{ item.kk }} </router-link> </div> <br /><br /><br /> {{ $route.params.id }} </div> </template>¿Usando accesorios cómo actualizar los datos en Vuejs?
Tengo dos componentes llamados helloworld, User. Y me he burlado de los datos dentro de helloworld.vue. Ahora, usando los accesorios, desea obtener los datos dentro del componente Usuario y realizar la operación de actualización. Al tratar de preformar la lógica.
Donde haga clic en el botón. va al método, pero no actualiza la lógica
Me he quedado con la consola. método interior. y su impresión. pero la lógica no se actualiza
Como se menciona en los comentarios, está recibiendo errores en la consola ya que no está pasando los elementos como accesorios al componente Usuario y es un campo obligatorio en el componente Usuario.
Y para el segundo punto, debe almacenar datos en un archivo separado que no esté en el componente principal para que la matriz de elementos no se inicialice nuevamente cuando el componente principal se represente nuevamente. La mejor opción sería una tienda global (vuex) en aras de la simplicidad, por ahora se realiza en un archivo separado solo como ejemplo.
Aquí hay un sandbox de muestra, espero que ayude:
https://codesandbox.io/s/exciting-ptolemy-35bsb?file=/src/components/User.vue