> 웹 프론트엔드 > View.js > vue.js에서 페이지 값 전송을 구현하는 방법

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

coldplay.xixi
풀어 주다: 2020-11-26 15:13:04
원래의
2433명이 탐색했습니다.

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

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

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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿