国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

【微信小程序】關(guān)于微信小程序多層嵌套渲染列表以及嵌套列表中數(shù)據(jù)的獲取

mushang / 1799人閱讀

摘要：起因意圖是想實(shí)現(xiàn)類似于安卓那樣的效果，想到了用微信小程序的組件，但如果每個里都只用一個來渲染數(shù)據(jù)的話實(shí)在是太慢了，就想到多層嵌套數(shù)據(jù)渲染來提高效率。

起因：意圖是想實(shí)現(xiàn)類似于安卓viewpager那樣的效果，想到了用微信小程序的swiper組件，但如果每個swiper-item里都只用一個wx:for來渲染數(shù)據(jù)的話實(shí)在是太慢了，就想到多層嵌套數(shù)據(jù)渲染來提高效率。

直接上代碼

wxml：


  ----{{item.name}}----
  

    ----{{two.name}}----
  
  
    ----{{three.name}}----
  
 -------------------------------------------

js

    one: [{
        id: 1,
        name:"第一層",
        two: [{
          "id": 11,
          "name": "第二層第一個數(shù)據(jù)"
        }, {
          "id": 12,
            "name": "第二層第二個數(shù)據(jù)"
        }],
        three: [{
          "name": "第三層數(shù)據(jù)"
        }]
      },
      {
        id: 2,
        name: "第二次渲染第一層",
        two: [{
          "id": 13,
          "name": "第二層第一個數(shù)據(jù)2"
        }, {
          "id": 14,
            "name": "第二層第二個數(shù)據(jù)2"
        }],
        three: [{
          "name": "第三層數(shù)據(jù)"
        }]
      },
      {
        id: 3,
        name: "第三次渲染第一層",
        two: [{
          "id": 15,
          "name": "第二層第一個數(shù)據(jù)3"
        }, {
          "id": 16,
            "name": "第二層第二個數(shù)據(jù)3"
        }],
        three: [{
          "name": "第三層數(shù)據(jù)"
        }]
      }
    ]

實(shí)現(xiàn)效果圖：

如果你想取其中一個數(shù)組的某個字段的值，可以用以下寫法：

    var twodata = this.data.one[0].two
    var text = twodata[1].name
    console.log(text)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/114055.html

相關(guān)文章

  • 【微信小程序】關(guān)于微信小程序多層嵌套渲染列表以及嵌套列表中數(shù)據(jù)的獲取

    摘要：起因意圖是想實(shí)現(xiàn)類似于安卓那樣的效果，想到了用微信小程序的組件，但如果每個里都只用一個來渲染數(shù)據(jù)的話實(shí)在是太慢了，就想到多層嵌套數(shù)據(jù)渲染來提高效率。 起因：意圖是想實(shí)現(xiàn)類似于安卓viewpager那樣的效果，想到了用微信小程序的swiper組件，但如果每個swiper-item里都只用一個wx:for來渲染數(shù)據(jù)的話實(shí)在是太慢了，就想到多層嵌套數(shù)據(jù)渲染來提高效率。 直接上代碼 wxml：...

    劉東 評論0 收藏0

  • 【微信小程序】關(guān)于微信小程序多層嵌套渲染列表以及嵌套列表中數(shù)據(jù)的獲取

    摘要：起因意圖是想實(shí)現(xiàn)類似于安卓那樣的效果，想到了用微信小程序的組件，但如果每個里都只用一個來渲染數(shù)據(jù)的話實(shí)在是太慢了，就想到多層嵌套數(shù)據(jù)渲染來提高效率。 起因：意圖是想實(shí)現(xiàn)類似于安卓viewpager那樣的效果，想到了用微信小程序的swiper組件，但如果每個swiper-item里都只用一個wx:for來渲染數(shù)據(jù)的話實(shí)在是太慢了，就想到多層嵌套數(shù)據(jù)渲染來提高效率。 直接上代碼 wxml：...

    wawor4827 評論0 收藏0

  • 微信小程序入門教程--列表渲染多層嵌套循環(huán)及wx:key的使用

    摘要：前言入門教程之列表渲染多層嵌套循環(huán)，目前官方的文檔里，主要是一維數(shù)組列表渲染的案例，還是比較簡單單一，給剛?cè)腴T的童鞋還是無從入手的感覺。我們也會不定期發(fā)布一些微信小程序的學(xué)習(xí)教程。需要入群的小伙伴，請加我的個人微信。 前言 入門教程之列表渲染多層嵌套循環(huán)，目前官方的文檔里，主要是一維數(shù)組列表渲染的案例，還是比較簡單單一，給剛?cè)腴T的童鞋還是無從入手的感覺。 {{index}}: {...

    tracy 評論0 收藏0

  • 微信小程序入門教程--列表渲染多層嵌套循環(huán)及wx:key的使用

    摘要：前言入門教程之列表渲染多層嵌套循環(huán)，目前官方的文檔里，主要是一維數(shù)組列表渲染的案例，還是比較簡單單一，給剛?cè)腴T的童鞋還是無從入手的感覺。我們也會不定期發(fā)布一些微信小程序的學(xué)習(xí)教程。需要入群的小伙伴，請加我的個人微信。 前言 入門教程之列表渲染多層嵌套循環(huán)，目前官方的文檔里，主要是一維數(shù)組列表渲染的案例，還是比較簡單單一，給剛?cè)腴T的童鞋還是無從入手的感覺。 {{index}}: {...

    Luosunce 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<