문제가 해결되었습니다! (롤백 작업이 아니므로 파라미터를 가져올 수 없습니다. 필요한 경우 이 방법을 참고하세요)
비즈니스 요구사항
현재 노인 간호 서비스를 위한 인터넷 제품을 개발 중입니다. 여러 페이지에 걸쳐 "병원 목록" 페이지에 들어가서 서비스를 제공하려는 병원을 선택한 다음 돌아갈 수 있습니다. . 예를 들어 "집"과 "약속" 모두 "병원" 페이지로 들어갈 수 있습니다.
이것은 "병원 목록 페이지"를 의미합니다. 마지막으로 방문한 페이지가 어떤 페이지인지 알 필요도 없고 병원을 선택하고 돌아가기만 하면 됩니다. 물론 매개변수를 전달하여 병원 목록 페이지에 이전 페이지의 이름을 알려주고 다시 돌아갈 수도 있습니다. 하지만 페이지가 너무 많으면 병원 목록 페이지에 판단 코드가 몇 개나 있을지 상상해 보세요.
# 🎜 🎜#
솔루션
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
문제가 해결되었습니다! (롤백 작업이 아니므로 파라미터를 가져올 수 없습니다. 필요한 경우 이 방법을 참고하세요)
비즈니스 요구사항
현재 노인 간호 서비스를 위한 인터넷 제품을 개발 중입니다. 여러 페이지에 걸쳐 "병원 목록" 페이지에 들어가서 서비스를 제공하려는 병원을 선택한 다음 돌아갈 수 있습니다. . 예를 들어 "집"과 "약속" 모두 "병원" 페이지로 들어갈 수 있습니다.
솔루션# 🎜 🎜#
eventBus
를 선언합니다.으아악
eventBus
2. “医院列表页”通过
를 통해 이전 페이지로 매개변수를 전달합니다. 으아악eventBus.$emit
2. "병원 목록 페이지"는eventBus.$emit
3. '홈' 및 '예약' 페이지에서 매개변수를 받습니다.
으아악참고자료
vue 비부모-자식 구성 요소는 어떻게 통신합니까
이것은 과거 기록의 의미에 어긋납니다. 매개변수로 접근하는 경우에는 전달되어야 합니다.
또한 SPA에는 데이터 전송 문제가 없습니다. 백오프에 매개변수가 필요한 이유는 무엇입니까?
공식 웹사이트 grouter.go(-1) // 기록을 위해 한 단계 뒤로 이동합니다. 이는 매개변수를 사용할 수 없습니다.
2 해결 방법: 1. 이전으로 이동합니다. 2. 데이터 공유는 store 또는 vuex를 통해 이루어질 수 있습니다.
직접 돌아가기 위해 this.$router.back()을 사용하지 마세요. 어디서 왔는지 확인해야 하나요?