programing

[Vue warn] :방향 교차 바인딩 해제 후크 오류: "TypeError: 정의되지 않은 속성 'observer'를 읽을 수 없습니다"

sourcetip 2022. 7. 9. 10:05
반응형

[Vue warn] :방향 교차 바인딩 해제 후크 오류: "TypeError: 정의되지 않은 속성 'observer'를 읽을 수 없습니다"

왜 이 메시지가 표시되는지 알 수 없습니다.버튼을 클릭했을 때만 표시되며, 다음으로 리다이렉트 됩니다.router.push페이지로 이동합니다.

[Vue warn] :방향 교차 바인딩 해제 후크 오류: "TypeError: 여기에 이미지 설명 입력정의되지 않은 속성 'observer'를 읽을 수 없습니다"

문제가 어디에 있는지 알 수 없기 때문에 라우터와 구조를 나타냅니다.

그건 그렇고.Streamers는 이 페이지가 아닌 다른 페이지입니다(아래의 루트 체크).

좀 도와 줄래요?

구조.

App.Vue -> 대시보드.Vue -> Streamer Detail.

App.Vue

<template>
  <v-app id="inspire">
    <router-view></router-view>
  </v-app>
</template>
<script>

export default {
  data: () => ({}),
  mounted() {
    this.$store.dispatch('loadInitial')
  }
}
</script>

대시보드

<template>
  <div>
    <v-app-bar app absolute>

    </v-app-bar>

    <v-navigation-drawer bottom color="primary" dark app>
      <v-list nav>
        <v-list-item @click="$router.push({name:'Home'}).catch(err => {})">
          Home
        </v-list-item>
      </v-list>
    </v-navigation-drawer>
    <v-content>
      <router-view></router-view>
      <v-snackbar
          :timeout="3000"
          :value="!!$store.state.snackbar.message"
          :multi-line="true"
          :color="$store.state.snackbar.color"
          @input="$store.commit('resetSnackbar')">
        {{ $store.state.snackbar.message }}
      </v-snackbar>
    </v-content>
  </div>
</template>

Streamer Detail(스트리머 상세).

<template>
  <v-row v-if="streamer" class="my-12">
   // even if I delete everything inside this row, the error is still present
  </v-row>
</template>

라우터

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Dashboard,
    redirect: '/streamers',
    children:[
      {
        path: 'streamers/',
        name: 'Streamers',
        component:Streamers,
      },
      {
        path: 'streamers/:id/detail/',
        name: 'StreamerDetail',
        component:StreamerDetail,
      },
    ],
  },
  {
    path: '/login',
    name: 'Login',
    component: Login,
  }
]

수정: 2.6.0으로 업데이트

v-img 태그에 문제가 있습니다. 모든 코멘트를 입력해 보십시오.v-img내면에v-simple-table또는 그런 관점에서요.

v-img 태그에 문제가 있습니다.

이 문제에 언급되어 최신 업데이트에서 해결되었습니다.

https://github.com/vuetifyjs/vuetify/issues/14390

언급URL : https://stackoverflow.com/questions/69904556/vue-warn-error-in-directive-intersect-unbind-hook-typeerror-cannot-read-pr

반응형