vue-router back() 작동하지 않음

Chrome 용 확장 프로그램을 만들고 Vue 및 Vue-router를 사용합니다.vue-router back() 작동하지 않음

페이지를 탐색하려면 router.push()을 사용하고 정상적으로 작동합니다. 문제는 전환 작업을 다시 수행하지 않는다는 것입니다.

<template> 
<a href="#" class="left" @click="back"> 
    <i class="icon-fontello-left"></i> 
</a> 
</template> 
<script> 
export default { 
    methods: { 
    back(){ 
     console.log('back click, current', this.$router.currentRoute); 
     this.$router.back(); 
    } 
    } 
} 
</script>

콘솔 back click, current Object {name: undefined, meta: Object, path: "/settings", hash: "", query: Object…}을 클릭했지만 전환이 발생하지 않고 오류가 없습니다.

나는 다른 옵션 시도 :

this.$router.back() 
this.$router.go(-1)

을하지만, 그들 중 누구도

버전 작동하지 않습니다 :

"vue-router": "^2.7.0", 
"vue": "^2.4.1"

출처

2017-12-19 Marsel.V

히스토리 API를 수동으로 조작하여 어떤 일이 발생했는지 확인해 보셨습니까? https://developer.mozilla.org/en-US/docs/Web/API/History_API 또한 권한을 설정해야하는 것 같습니다 : https://developer.chrome.com/extensions/history 하나, 그것을 읽는 것을 도울지도 모르다. –

당신 말이 맞아요. 허가 "역사"를 추가해야했습니다. 이제는 모든 것이 작동합니다. –

당신이 수동으로 어떻게 볼 수있는 역사의 API를 조작 시도 적이 있습니까?

https://developer.chrome.com/extensions/history 그래도 난 그 하나 확실하지 않다, 그것을 읽고 도움이 될 수 있습니다 :

https://developer.mozilla.org/en-US/docs/Web/API/History_API

또한 당신이 권한을 설정해야 할 수도 있습니다 것 같다.

출처

2017-12-19 08:10:41

오, 미안 해요, 틀 렸습니다. 사용 권한에 기록을 추가해도 문제가 해결되지 않았습니다. 그리고 수동 입력'window.history.back()'또는'window.history.go (-1)'도 효과가 없습니다. –

오류가 있습니까? 시각적으로 아무 일도 일어나지 않을지라도 역사가 실제로 조작되는지 확인하십시오. –

예, 오류는 없습니다. 네,'this. $ router.push ('/ settings')'로이 설정 페이지로 전환합니다. –

답변

관련 문제