집 > 기사 > 웹 프론트엔드 > WeChat 애플릿을 사용하여 매개변수를 전달하는 방법은 무엇입니까?

WeChat 애플릿을 사용하여 매개변수를 전달하는 방법은 무엇입니까?

亚连원래의: 2018-06-12 16:50:502382검색

이 글에서는 네비게이터 점프, 전역 변수, 목록 인덱스 아래 첨자 값 및 양식 양식 값 전달 관련 콘텐츠를 포함하여 WeChat 애플릿에서 매개변수를 전달하는 여러 가지 방법을 주로 소개합니다.

머리말

먼저 말씀드리자면, 저도 회사의 필요 때문에 그 구덩이를 채우기 위한 길은 험난하고 막막했습니다. , 함정이 많지만 결국 작은 프로그램이 등장한 지 얼마 안 됐으니 함정이 있는 것은 정상입니다. 하하하, 미니 프로그램의 매개변수에 대해서는 더 이상 고민하지 말자. 자세한 소개를 살펴보세요.

1. Navigator는

wxml 페이지로 이동합니다(매개변수가 많을 경우 "&" 사용).

<navigator url=&#39;../index/index?id=1&name=aaa&#39;></navigator>

또는 클릭 이벤트를 추가하면 js는 NavigTo를 사용하여 매개변수 전달로 이동합니다. 두 효과는 동일합니다.

 wx.navigateTo({
   url: &#39;../index/index?id=1&name=aaa&#39;,
   })

js 페이지, Get

 onLoad: function (options) {
  //页面初始化 options为页面跳转所带来的参数
  var id = options.id //获取值
 },

onLoad 2. 전역 변수

app.js 페이지

globalData:{
  id:null
 }

Assignment:

var app = getApp();
app.globalData.id = 2

Value:

var app = getApp();
var id = app.globalData.id

3. 목록 인덱스 가치

w xml 페이지

<button bindtap=&#39;clickMe&#39; data-id=&#39;1&#39;>点击</button>

여러 개를 전달해야 하는 경우 여러 데이터-[매개변수]를 작성하여 전달하면 됩니다.

js 페이지

clickMe:function(e){
 var id = e.currentTarget.dataset.id
 console.log(id);
},

참고:매개변수를 전달하려면 데이터-[매개변수 이름]을 설정하세요. wxml, [매개변수 이름]은 소문자만 가능하고 대문자는 안 됩니다

4. 폼 폼 값 전달

폼 폼 값 전달은 상대적으로 간단하고 일반적으로 많이 사용되므로 예제는 생략하겠습니다

위는 이것은 제가 모두를 위해 정리한 것입니다. 앞으로 여러분에게 도움이 되기를 바랍니다. 모두가 도움이 됩니다.

WeChat 애플릿을 사용하여 매개변수를 전달하는 방법은 무엇입니까?

관련 기사