최근 그룹에서 작은 프로그램을 개발할 때 프런트 엔드에서 한 번도 변하지 않은 주제인 페이지 값 전달
문제를 해결하기 위해 경로 매개변수 전달을 사용하기 시작했지만 우리 모두 알고 있듯이 다음과 같습니다.
각 브라우저 HTTP Get 요청 URL의 최대 길이는 일반적으로 사용되는 여러 브라우저의 최대 길이와 최대 길이를 초과한 후 제출 상황은 다음과 같습니다.
IE6 .0: URL의 최대 길이는 2083자이며, 최대 길이를 초과하면 제출할 수 없습니다.
IE7.0: URL의 최대 길이는 2083자이며, 최대 길이를 초과한 후에도 제출할 수 있지만 2083자만 전달할 수 있습니다.
firefox 3.0.3: 최대 URL 길이는 7764자입니다. 최대 길이를 초과하면 제출할 수 없습니다.
Opera 9.52: URL의 최대 길이는 7648자이며, 최대 길이를 초과하면 제출할 수 없습니다.
Google Chrome 2.0.168: URL의 최대 길이는 7713자이며, 최대 길이를 초과하면 제출할 수 없습니다.
그래서 믿음직스럽지 못한 것 같아요.
공식 웹사이트를 조사한 결과 이를 "더 우아하게" 수행하는 두 가지 방법이 있다는 것을 발견했습니다. 물론 이는 vuex/flux와 비교할 수 없습니다.
프로젝트에 정의된 전역 변수
사용 app.js
globalData
App({ globalData:{ userInfo:'angeladaddy' } });
필요한 경우 사용:
getGlobalVar:function(){ var that=this; that.setData({ globalvar_str:JSON.stringify(getApp().globalData) }) }
물론 그럴 수도 있습니다. 언제든지 할당됨:
onLoad:function(options){ getApp().globalData.userInfo+=' is an awesome man'; },
효과:
2. 사용 template
공식 소개에 따르면:
먼저 템플릿을 정의하고 name 속성
<template name="msgItem"> <view> <text> {{index}}: {{msg}} </text> <text> Time: {{time}} </text> </view> </template>로그인 후 복사를 사용한 다음 템플릿
- 을 사용합니다. 🎜>is 속성을 사용하고 사용해야 하는 템플릿을 선언한 다음 템플릿에 필요한 데이터를 전달합니다.
"duang~~~"으로 페이지 값 전송 문제를 해결합니다템플릿 데이터를 표시하려면 항목에 값을 할당하세요.<template is="msgItem" data="{{...item}}"/>로그인 후 복사
Page({ data: { item: { index: 0, msg: 'this is a template', time: '2016-09-15' } } })로그인 후 복사추첨: 작은 프로그램에서는 ES6의 모든 기능을 사용할 수 있으므로, 저 var that=this는 도대체 뭐죠? 범위 문제를 해결하기 위해 화살표 기능을 사용할 수 없는 이유는 무엇입니까? 돌아와서 다시 시도해 보세요.위 내용은 WeChat 애플릿 페이지에서 가치 이전에 대한 간단한 탐색을 공유하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!