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

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

巴扎黑
풀어 주다: 2017-09-12 09:19:04
원래의
2040명이 탐색했습니다.

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

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

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

  • 목록 색인 첨자 값

  • 페이지 전송 값

  • 양식 양식 값

1. 목록 색인 첨자 값

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

1.1 값 생성


1

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

로그인 후 복사

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


1

<view data-index="{{index}}" bindtap="delete"><image src="../../../images/icon_delete.png" /><text>删除</text></view>

로그인 후 복사

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


1

2

3

4

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 값 가져오기

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


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

// 找到当前地址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를 편집 페이지에 전달하여 읽어보세요. 수정을 위한 원래 주소.

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


1

2

3

4

5

6

7

8

9

10

11

12

<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) 메서드를 구현합니다.


1

2

3

onLoad: function (options) {

  var objectId = options.objectId

}

로그인 후 복사

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

3. 양식 양식 값

3.1 방법 1,

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿