매개 변수를 사용하여 Vue 라우터 변경 오류를 해결하는 방법

매개 변수를 사용하여 Vue 라우터 변경 오류를 해결하는 방법

툴바에는 3개의 버튼(HOME, CARD, LOUND)이 있으며, 클릭하면 다음 페이지로 이동합니다.'home','list/card',그리고.'list/loan'각각 다음과 같다.

이건 내 거야router.js을 위해 암호로 만들다.'list/card'그리고.'list/load'

{
        path: '/list/:id',
        name: 'listview',
        component: ListView
},

를 클릭하면CARD대출 페이지 또는LOAN카드 페이지에서 브라우저의 URL 표시줄에 있는 URL은 변경되지만 페이지 내용은 변경되지 않습니다.

다른 페이지에서 이러한 버튼 중 하나를 클릭했을 경우(예:HOME동작합니다.

버튼을 클릭했을 때의 코드입니다.

gotoPage(path) { // here path='/list/loan or path='/list/card'
   this.$router.push({ path: path })
}

listview 구성 요소의 코드입니다.

created: function () {
    this.loadUsers(this.$route.params.id)
},

문제는 이게created이 경우 후크 기능은 작동하지 않습니다.

도와주세요!!

를 추가합니다.updated훅 기능

이것처럼.

created: function () {
    this.loadUsers(this.$route.params.id)
},
updated: function () {
    this.loadUsers(this.$route.params.id)
}

그건 작동할 것이다.

언급URL : https://stackoverflow.com/questions/54158128/how-to-solve-vue-router-change-error-with-param