역동적인 소품 통과 방법

역동적인 소품 통과 방법

vue에 앱이 있고 라우터를 등록했습니다.다이나믹한 소품을 통해 컴포넌트에 전달하기만 하면 됩니다.

app.vue

<template>
  <v-app>
    <router-view :user="userVariable"></router-view>
  </v-app>
</template>

router.displaces

Vue.use(Router);
export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/login',
      name: 'Login',
      component: Login,
      props: true,
    },
    {
      path: '/profile',
      name: 'profile',
      component: Profile,
      props: true,
    },
  ],
});

컴포넌트를 시작할 때 소품을 얻었지만 값을 업데이트하면서 업데이트된 소품을 얻을 수 없습니다.userVariable. :(

이 Code Sanbox의 예를 작성했습니다.이 예에서는 모든 것이 정상적으로 동작하고 있는 것 같습니다.

두 가지 경우를 모두 시도해 봤는데, 전달하려는 변수가 원시 값인지 비원시 값인지 둘 중 하나입니다.

언급URL : https://stackoverflow.com/questions/57934248/how-to-pass-dynamic-props-through-router-view