vue.js에서 페이지 값 전송을 구현하는 방법

Vue.js는 페이지 값 전송 방법을 구현합니다. 1. 쿼리를 사용하여 값을 전송합니다. 코드는 [var name=this.$route.query.name]입니다. 2. 매개변수를 사용하여 값을 전송합니다. 코드는 [ 매개변수: { usersitelist: 'userlist' }].

• 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.
  

vue.js 방법으로 페이지 값 전송을 구현합니다.

1 쿼리를 사용하여 값을 전송합니다.

예를 들어 a.vue에서 b.vue로 점프하고 name='jack'을 전달하면 코드는 다음과 같습니다.

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

name=‘jack’，代码如下:

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

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

我是在created这个函数里面进行接收的，var name=this.$route.query.name;주소 표시줄의 URL을 통해 b.vue의 매개변수를 받습니다.

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

2. 주소 표시줄이 표시되지 않습니다.]

이 방법에서 주의할 점은 요청을 할 때 라우터 아래의 index.js에 이름을 적어야 한다는 것입니다.

쿼리와 함께 값을 전달할 수 있습니다.

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

params가 전달한 값은 주소 표시줄에 표시되지 않지만, 방법은 쿼리와 동일합니다. 생성된 함수에서도 값을 얻습니다.

rrreee

관련 무료 학습 권장 사항: javascript

( 영상)

🎜

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