선택한 옵션을 다른 페이지로 전송하기 위해 Vue 애플리케이션을 구현하는 방법

Question

Vue 앱의 첫 번째 페이지에는 이메일 주소 목록이 포함된 드롭다운 메뉴가 있습니다.

선택한 값/텍스트를 저장하고 내가 라우팅하는 받은편지함 페이지에서 매개변수나 변수로 사용하고 싶습니다.

이것은 v-autocomplete를 사용하는 드롭다운 메뉴 코드입니다.

<v-자동 완성 밀도
  채우는
  label="이메일 선택"
  v-model="사서함"
  :items="사서함"
  item-text='사서함'
  item-value='사서함'>
</v-자동완성>

이 버튼은 v-btn 역할을 하며 받은편지함 페이지로 이동하는 데 사용됩니다.

<v-btn 둥근 색상="기본"
  @click="$router.push('Inbox')">
편지함 로드</v-btn>

내가 라우팅하는 받은 편지함 페이지에서 사용하기 위해 선택한 편지함의 값을 어떻게 저장합니까?

Answer 1

선택한 값을 라우팅 매개변수로 전달:

으아악

받은 편지함 페이지에서 다음을 통해 액세스할 수 있습니다.

으아악

Answer 2

Vuex를 사용해 보시길 추천드립니다 :)

이것은 애플리케이션 전체에서 반응형 데이터 객체를 공유할 수 있는 라이브러리입니다.

다음은 가능한 코드의 예입니다:

으아악 으아악