收藏
回答

小程序arr[index].name现在该怎么实现?

问题模块 框架类型 问题类型 操作系统 工具版本
开发者工具 小程序 Bug Windows 1.02

- 当前 Bug 的表现(可附上截图)

arr1 = [

    {

        name:'zx',

        age: 12

    },

    {

        name:'cs',

        age:14

    }

]

arr2 = [

    {

        img:'1.png',

        txt:'1111'

    },

    {

        img:'2.png',

        txt:'2222'

    }

]


<view wx:for="arr1" wx:key="index">{{arr2[index].txt}}</view>

- 预期表现

页面打印出如下:

1111

2222

但是页面显示空白,无法解析arr2[index].txt,请问该怎么解决?

- 复现路径


- 提供一个最简复现 Demo


最后一次编辑于  03-04  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

3 个回答

  • meiko
    meiko
    03-04

    {{item.txt}}

    03-04
    赞同 2
    回复 8
    • at
      at
      03-04

      <view wx:for="arr1" wx:key="index">{{arr2[index].txt}}</view>,刚才写错了,是这个,在arr1里循环,却要arr2里的数据。

      03-04
      回复
    • meiko
      meiko
      03-04回复at

      这是什么操作....

      03-04
      回复
    • at
      at
      03-04回复meiko

      就是前端收到两个数组,页面必须显示两个数组里的字段,怎么实现上面demo的效果?

      03-04
      回复
    • meiko
      meiko
      03-04回复at

      wx:key = "index" 换成 wx:key = 'key'

      然后再循环里   {{arr2[index].txt}}

      03-04
      回复
    • at
      at
      03-04回复meiko

      并没有用。

      03-04
      回复
    查看更多(3)
  • 铭锋科技
    铭锋科技
    03-04

    js:


    Page({

    data: {

    arr1: [

    {

    name: 'zx',

    age: 12

    },

    {

    name: 'cs',

    age: 14

    }

    ],

    arr2: [

    {

    img: '1.png',

    txt: '1111'

    },

    {

    img: '2.png',

    txt: '2222'

    }

    ]

    },

    })


    wxml:


    <view wx:for="arr1" wx:key="index">{{arr2[index].txt}}</view>


    03-04
    赞同 1
    回复 1
    • at
      at
      03-04

      谢谢大佬们帮助!!!

      03-04
      回复
  • Smile
    Smile
    03-04

    <view wx:for="arr1" wx:key="index">{{arr2[index].txt}}</view>

    改:

    <view wx:for="{{arr1}}" wx:key="index">{{arr2[index].txt}}</view>

    03-04
    赞同 1
    回复