小さなマイクロチャンネル番組出力モードは、寸法(取得)の2次元アレイを達成するために

アプレットの開発は、多次元出力の場合に追従するように一次元配列オブジェクトのニーズに遭遇します

マイクロチャネルとは違って簡単に、直接結合データとしてVueのアプレット

6つのオブジェクト(写真picUrl名と私は出力にコンテンツをしたい)があるとして、私はループ出力用にネストを構築する必要性の次の出力の効果を追跡する必要があり、あなたは一次元の数値2次元配列になるために必要があります

          let arr = [1,2,3,4,5,6]
          let result=[]
          for(let i=0;i<arr.length;i+=3){
            result.push(arr.slice(i,i+3))//拆成长度为3的二维数组
          }//result的结果是[[1,2,3],[4,5,6]]

以下は0-1の二次元アレイID1 myPlayList、2本の出力線上記3つのレイアウト0-2からID2であります

トラブル変数は算術演算を実行することができない持っていると言うことが真このように、(主に文字列{} {}は、単に非常に煩わしい操作することができません)

<i-row wx:for="{{myPlayList}}" wx:for-index="id1">
  <i-col wx:for="{{item}}" wx:for-item="item2" wx:for-index="id2"  span="8" i-class="col-class">
      <i-row>
        <cover-image class="imgclass" src="{{item2.picUrl}}"></cover-image>
      </i-row>
      <i-row i-class="myPlayListFontSize">{{item2.name}}</i-row>
  </i-col>
</i-row>

bindtop結合機能によってクリックされた異常な要素を取得するために面倒かつ困難となっているこの要素を取得するにはクリックしてください

例えば、層に結合された既存のアレイを介してオブジェクトを見つけるために、最終(2020ハロー)をクリック(及びID増分値を設定)

<i-row wx:for="{{myPlayList}}" wx:for-index="id1">
  <i-col wx:for="{{item}}" wx:for-item="item2" wx:for-index="id2" span="8" i-class="col-class">
    <!-- 跳转页面 toPage函数 -->
    <view bindtap="toPage" id="{{ id1==0 ? id2 : 3+id2 }}">
      <i-row>
        <cover-image class="imgclass" src="{{item2.picUrl}}"></cover-image>
      </i-row>
      <i-row i-class="myPlayListFontSize">{{item2.name}}</i-row>
    </view>
  </i-col>
</i-row>

あなたがイベントでオブジェクトをクリックすることで、このオブジェクトに得ることができるようにIDをは、currentTarget(2次元配列に変換する必要があります)

 

なぜ、0,1,2,3,4,5最初の出力レイアウトをファイルに入れられますか?ネストされたID値のためのタグ{} {}演算不便に使用できません!

 

 

 

公開された242元の記事 ウォン称賛13 ビュー10000 +

おすすめ

転載: blog.csdn.net/qq_41813208/article/details/103893971
おすすめ