WeChat 애플릿 페이지에서 가치 이전에 대한 간단한 탐색을 공유하세요.

Y2J
풀어 주다: 2017-04-24 14:07:16
원래의
2312명이 탐색했습니다.

최근 그룹에서 작은 프로그램을 개발할 때 프런트 엔드에서 한 번도 변하지 않은 주제인 페이지 값 전달
문제를 해결하기 위해 경로 매개변수 전달을 사용하기 시작했지만 우리 모두 알고 있듯이 다음과 같습니다.

각 브라우저 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와 비교할 수 없습니다.

  1. 프로젝트에 정의된 전역 변수
    사용 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';
    },
    로그인 후 복사

    효과:

WeChat 애플릿 페이지에서 가치 이전에 대한 간단한 탐색을 공유하세요.

Paste_Image.png

2. 사용 template
공식 소개에 따르면:

먼저 템플릿을 정의하고 name 속성

<template name="msgItem">
  <view>
    <text> {{index}}: {{msg}} </text>
    <text> Time: {{time}} </text>
  </view>
</template>
로그인 후 복사

를 사용한 다음 템플릿

  • 을 사용합니다. 🎜>is 속성을 사용하고 사용해야 하는 템플릿을 선언한 다음 템플릿에 필요한 데이터를 전달합니다.

    <template is="msgItem" data="{{...item}}"/>
    로그인 후 복사

    템플릿 데이터를 표시하려면 항목에 값을 할당하세요.

    Page({
    data: {
     item: {
       index: 0,
       msg: &#39;this is a template&#39;,
       time: &#39;2016-09-15&#39;
     }
    }
    })
    로그인 후 복사
  • "duang~~~"으로 페이지 값 전송 문제를 해결합니다

    추첨: 작은 프로그램에서는 ES6의 모든 기능을 사용할 수 있으므로, 저 var that=this는 도대체 뭐죠? 범위 문제를 해결하기 위해 화살표 기능을 사용할 수 없는 이유는 무엇입니까? 돌아와서 다시 시도해 보세요.

    위 내용은 WeChat 애플릿 페이지에서 가치 이전에 대한 간단한 탐색을 공유하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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