javascript - vue-router go(-1)로 돌아갈 때 매개변수를 가져오는 방법은 무엇입니까?

Question

• 많은 정보를 알아보았는데, 라우터 시범사용은 다음 두 가지에 지나지 않습니다.

으아아아

Answer 1

문제가 해결되었습니다! (롤백 작업이 아니므로 파라미터를 가져올 수 없습니다. 필요한 경우 이 방법을 참고하세요)

비즈니스 요구사항

• 현재 노인 간호 서비스를 위한 인터넷 제품을 개발 중입니다. 여러 페이지에 걸쳐 "병원 목록" 페이지에 들어가서 서비스를 제공하려는 병원을 선택한 다음 돌아갈 수 있습니다. . 예를 들어 "집"과 "약속" 모두 "병원" 페이지로 들어갈 수 있습니다.

이것은 "병원 목록 페이지"를 의미합니다. 마지막으로 방문한 페이지가 어떤 페이지인지 알 필요도 없고 병원을 선택하고 돌아가기만 하면 됩니다.
물론 매개변수를 전달하여 병원 목록 페이지에 이전 페이지의 이름을 알려주고 다시 돌아갈 수도 있습니다. 하지만 페이지가 너무 많으면 병원 목록 페이지에 판단 코드가 몇 개나 있을지 상상해 보세요.

# 🎜 🎜#

솔루션

1. 빈 Vue 모듈 eventBus를 선언합니다.

으아악 eventBus

import Vue from 'vue'

/**
 * 定义空的vue实例，作为 eventbus实现非父子组件之间的通信(vue2.x中去掉了broadcast)
 */
var eventBus = new Vue({});
export default eventBus;

2. “医院列表页”通过eventBus.$emit2. "병원 목록 페이지"는 eventBus.$emit

를 통해 이전 페이지로 매개변수를 전달합니다. 으아악

3. '홈' 및 '예약' 페이지에서 매개변수를 받습니다.

으아악

참고자료

• vue 비부모-자식 구성 요소는 어떻게 통신합니까

Answer 2

이것은 과거 기록의 의미에 어긋납니다. 매개변수로 접근하는 경우에는 전달되어야 합니다.

또한 SPA에는 데이터 전송 문제가 없습니다. 백오프에 매개변수가 필요한 이유는 무엇입니까?

Answer 3

공식 웹사이트 grouter.go(-1) // 기록을 위해 한 단계 뒤로 이동합니다. 이는 매개변수를 사용할 수 없습니다.
2 해결 방법: 1. 이전으로 이동합니다. 2. 데이터 공유는 store 또는 vuex를 통해 이루어질 수 있습니다.

Answer 4

직접 돌아가기 위해 this.$router.back()을 사용하지 마세요. 어디서 왔는지 확인해야 하나요?