WeChat開発における値の受け渡しと取得のいくつかの方法の紹介

零下一度
リリース: 2017-05-22 11:53:02
オリジナル
2070 人が閲覧しました

この記事では、主に関連情報を紹介し、WeChat ミニ プログラムで値を転送および取得するいくつかの方法をまとめています。これらの方法の詳細な説明と添付のサンプル コードは、

WeChat ミニ プログラムを参照してください。値の受け渡し

小さなプログラムで一般的な値は次のとおりです。完全なプロジェクトを書き留めると、それらが使用される確率はほぼ100%です。

  • リストインデックスの添え字値

  • ページ転送値

  • フォームフォームの値

1. リストインデックスの添え字値

実装方法は次のとおりです: data-index=" {{index} }" を入力し、e.currentTarget.dataset.index を入力します

1.1 値を生成します

<image src="../../../images/icon_delete.png" /><text>删除</text>
ログイン後にコピー

削除アイコンとテキストに data-index="{{index}}" カスタム属性を追加し、クリック イベントをバインドしますbintap="delete "

<image src="../../../images/icon_delete.png" /><text>删除</text>
ログイン後にコピー

を使用して delete メソッドを実装し、インデックスの添字値を取得します。


delete: function (e) {
  var index = parseInt(e.currentTarget.dataset.index);
  console.log("index" + index);
}
ログイン後にコピー

e.currentTarget の代わりに e.target を使用するとどうなりますか?

では、 をクリックすることによってのみインデックス値が出力され、クリック要素 または をクリックすると NaN が出力されます。

それでは、ターゲットの用途は何でしょうか? ユーザーのアバターを変更する場合など、サブ要素を外部要素と区別するために使用されます。アバター自体をクリックすると、大きな画像がプレビューされます。 、アバターが配置されているクリックされた行が切り替えアバターになります。

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
  });
},
ログイン後にコピー

アドレス/追加ページはonLoad(options)メソッドを実装し、URLパスからobjectIdを取得します

onLoad: function (options) {
  var objectId = options.objectId
}
ログイン後にコピー

その後、ネットワークにアクセスしてページをレンダリングします。

3. フォームフォームの値

3.1 方法 1、

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート