WeChat 애플릿 개발에서 값을 전달하고 값을 얻는 여러 가지 방법을 요약합니다.-미니 프로그램 개발-php.cn

WeChat 애플릿 개발에서 값을 전달하고 값을 얻는 여러 가지 방법을 요약합니다.

巴扎黑

풀어 주다： 2017-09-12 09:19:04

원래의

1959명이 탐색했습니다.

이 글은 주로 관련 정보를 소개하고 WeChat 미니 프로그램에서 가치를 전달하고 획득하는 여러 방법을 요약합니다. 다음은 이러한 방법에 대한 자세한 설명과 첨부된 샘플 코드입니다.

WeChat 미니 프로그램을 참조하세요. 값 전달 및 가져오기

작은 프로그램에서 일반적인 값에는 다음과 같은 유형이 포함됩니다. 완전한 프로젝트를 작성하면 해당 값을 사용할 확률이 거의 100%입니다.

목록 색인 첨자 값
페이지 전송 값
양식 양식 값

1. 목록 색인 첨자 값

구현 방법은 다음과 같습니다. }" 구멍을 파고 e.currentTarget.dataset.index

1.1 값 생성

<image src="../../../images/icon_delete.png" /><text>删除</text>

로그인 후 복사

Add data-index="{{index}}"로 채우면 아이콘과 텍스트가 삭제됩니다. 속성을 정의하고 바인드 클릭 이벤트 bintap="delete"

<image src="../../../images/icon_delete.png" /><text>删除</text>

로그인 후 복사

삭제 메소드를 구현하고 인덱스 첨자 값을 가져옵니다.

delete: function (e) {
  var index = parseInt(e.currentTarget.dataset.index);
  console.log("index" + index);
}

로그인 후 복사

e.currentTarget 대신 e.target을 사용하면 어떻게 되나요?

는 를 클릭해야만 인덱스 값이 출력되도록 하며, 또는 요소를 클릭하면 NaN이 출력됩니다.

그렇다면 타겟은 사용자의 아바타를 변경할 때와 같이 하위 요소를 외부 요소와 구별하기 위해 사용됩니다. 큰 이미지를 미리 보려면 아바타 자체를 클릭하세요. , 아바타가 위치한 라인을 클릭하면 전환 아바타가 됩니다.

둘의 차이점에 대한 자세한 설명은 다음 문서를 참조하세요: https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/event.html

1.2 값 가져오기

주소 삭제를 위해 인덱스 데이터에서 해당 요소를 찾으려고 합니다

// 找到当前地址AVObject对象
var address = that.data.addressObjects[index];
// 给出确认提示框
wx.showModal({
  title: &#39;确认&#39;,
  content: &#39;要删除这个地址吗？&#39;,
  success: function(res) {
    if (res.confirm) {
      // 真正删除对象
      address.destroy().then(function (success) {
        // 删除成功提示
        wx.showToast({
          title: &#39;删除成功&#39;,
          icon: &#39;success&#39;,
          duration: 2000
        });
        // 重新加载数据
        that.loadData();
      }, function (error) {

      });
    }
  }
})

로그인 후 복사

2. 페이지 값 전송

배송지 주소 목록 페이지의 주소 ID를 편집 페이지에 전달하여 읽어보세요. 수정을 위한 원래 주소.

주소/목록 페이지는 다음 코드를 구현합니다

<view class="container" data-index="{{index}}" bindtap="edit"><image src="../../../images/icon_edit.png" /><text>编辑</text></view>

edit: function (e) {
  var that = this;
  // 取得下标
  var index = parseInt(e.currentTarget.dataset.index);
  // 取出id值
  var objectId = this.data.addressObjects[index].get(&#39;objectId&#39;);
  wx.navigateTo({
    url: &#39;../add/add?objectId=&#39;+objectId
  });
},

로그인 후 복사

주소/추가 페이지는 URL 경로에서 objectId를 얻기 위해 onLoad(options) 메서드를 구현합니다.

onLoad: function (options) {
  var objectId = options.objectId
}

로그인 후 복사

그런 다음 네트워크에 액세스하고 렌더링합니다. 페이지.

3. 양식 양식 값

3.1 방법 1,