이 기사에서는 미니 프로그램의 여러 페이지 매개변수 전달 방법을 소개하겠습니다.
미니 프로그램에서 페이지 매개변수 전달 방법
url 매개변수 전달
은 웹에서의 방법과 동일합니다.
index1 페이지
<navigator url="/pages/index2/index2?name=海贼王">页面2</navigator>
또는
wx.navigateTo({ url: "/pages/index2/index2?name=海贼王" })
index2 페이지
onLoad: function (options) { console.log(options);// { name : 海贼王} },
index2
가 탭바 페이지인 경우 onLoad에서 페이지 매개변수를 얻을 수 없다는 점에 유의해야 합니다. [관련 학습 권장사항: 미니 프로그램 개발 튜토리얼index2
是tabbar页面,那么无法在onLoad中获取页面参数。【相关学习推荐:小程序开发教程】
事件通道 EventChannel
如果一个页面由另一个页面通过 wx.navigateTo
打开,这两个页面间将建立一条数据通道:
- 被打开的页面可以通过
this.getOpenerEventChannel()
方法来获得一个EventChannel
对象; -
wx.navigateTo
的success
回调中也包含一个EventChannel
对象。
这两个 EventChannel
对象间可以使用 emit
和 on
方法相互发送、监听事件。
index1.wxml
<view> 来自于页面2 传递的数据: {{msg}} </view>
index1.js
Page({ data: { msg: "" }, onLoad: function () { // 1 跳转到页面2 wx.navigateTo({ url: "/pages/index2/index2", // 2 在成功的回调函数中获取事件通道对象 success: ({ eventChannel }) => { // 3 监听自定义事件 eventChannel.on("data", (e) => { // 4 获取页面2传递过来的数据 设置到 data中 this.setData({ msg: e.name }) }) } }); }, })
index2.js
Page({ onLoad: function () { // 被使用 wx.navigatorTo打开的页面获取获取到一个事件通道对象 const EventChannel = this.getOpenerEventChannel(); // 触发事件和传递参数到 页面1中 EventChannel.emit("data", { name: '海贼王' }); } })
本地存储
小程序中的本地存储用法类似web中,可以实现在整个应用中获取数据和存储数据
index1.js
wx.setStorageSync('data', {name:'海贼王'});// 可以直接存任意类型的数据
index2.js
wx.getStorageSync('data');// 获取
应用全局变量
不同的页面都是处于一个共同的应用当中的,这个应用可以理解为 app.js
app.js
在这里可以定义公共数据
App({ myData: { name: "悟空" } })
index1.js
页面中可以通过 getApp
]
이벤트 채널 EventChannel wx.navigateTo
- 열린 페이지는
this.getOpenerEventChannel()을 통해 열 수 있습니다. code> 메소드를 사용하여 <code>EventChannel
객체를 획득합니다. -
wx.navigateTo
의success
콜백에는 EventChannel 객체.
EventChannel
개체는 emit
및 on
메서드를 사용하여 서로 이벤트를 보내고 수신할 수 있습니다. . index1.wxml
r
let app = getApp(); console.log(app.myData);index1.js
r
let app = getApp(); app.myData.name="八戒";index2.js🎜
const data = { name: "海贼王" }; module.exports = data;🎜🎜🎜local stac 애플리케이션 전반에 걸쳐 구현 가능 🎜🎜🎜index1.js🎜🎜
const data = require("../../common"); Page({ onLoad: function () { console.log(data); }, })🎜🎜index2.js🎜🎜rrreee🎜🎜🎜Apply 전역 변수🎜🎜🎜🎜다른 페이지가 공통 애플리케이션에 있으므로 이 애플리케이션이 이해할 수 있음
app.js
🎜🎜🎜app.js🎜🎜🎜의 경우 공개 데이터는 여기에서 정의할 수 있습니다🎜rrreee🎜🎜index1.js🎜🎜🎜 페이지는 getApp
를 통해 얻을 수 있습니다 🎜 rrreee🎜물론 🎜rrreee🎜🎜🎜공용 변수🎜🎜🎜🎜를 직접 수정하여 독립적인 js 파일을 별도로 정의하고 그 안에 데이터를 저장할 수도 있습니다. 🎜🎜🎜common.js🎜🎜rrreee🎜🎜index1. js🎜🎜 rrreee🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 비디오🎜를 방문하세요! ! 🎜위 내용은 미니 프로그램의 여러 페이지 매개변수 전달 방법에 대해 이야기해 보겠습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

드림위버 CS6
시각적 웹 개발 도구

mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
