반응형
[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
또는 그런 관점에서요.
이 문제에 언급되어 최신 업데이트에서 해결되었습니다.
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
반응형
'programing' 카테고리의 다른 글
C에서 바이트 배열을 16진수 문자열로 변환하려면 어떻게 해야 합니까? (0) | 2022.07.11 |
---|---|
Vue __ob_ 속성이 개체에 있고 json 구문 분석 오류를 생성합니다. (0) | 2022.07.09 |
VUEX의 가치를 얻는 방법 (0) | 2022.07.09 |
Vuex Electron:변환 커밋 시 예외 (0) | 2022.07.09 |
내 구성 요소에서 작업에 의해 반환된 값을 사용할 수 없습니다. (0) | 2022.07.09 |