vue.js 페이지 간에 값을 전달하는 방법

vue.js 페이지 간에 값을 전송하는 방법: 1. 쿼리를 사용하여 값을 전송합니다. 코드는 [query: { name: 'jack' }]입니다. 2. 매개변수를 사용하여 값을 전송합니다. 코드는 [params]입니다. : { 사용자 사이트 목록: ' 사용자 목록'}].

이 튜토리얼의 운영 환경: windows7 시스템, vue2.9 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

vue.js 페이지 간 값 전송 방법:

1. 쿼리를 사용하여 값을 전송하면 주소 표시줄이 표시됩니다.

예를 들어 a.vue에서 b.vue로 이동하면 name='jack'을 전달하면 코드는 다음과 같습니다. name=‘jack’，代码如下:

this.$router.push({
          path: "/result",
          query: { name: 'jack' }
        });

在b.vue通过地址栏的url 进行接收参数；

我是在created这个函数里面进行接收的，var name = this.$route.query.name;

 this.$router.push({
          path: "/result",
          name: "Result",
          query: { name: 'name' },
          params: { usersitelist: 'userlist' }
        });

b.vue의 주소 표시줄에 있는 URL을 통해 매개변수를 받습니다.

생성 함수인 에서 매개변수를 받습니다. var name = this.$route.query .name;은 name 매개변수를 받을 수 있습니다.

2. 주소 표시줄이 표시되지 않습니다. 요청할 때 라우터 아래에 색인을 작성해야 한다는 것입니다. js의 이름에 대해

는 쿼리와 함께 전달될 수 있습니다.

var usersitelist = this.$route.params.usersitelist;

params 전달된 값은 주소 표시줄에 표시되지 않지만 값 방법은 다음과 같습니다.

rrreee

관련 무료 학습 권장사항: JavaScript(동영상)

위 내용은 vue.js 페이지 간에 값을 전달하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!