吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 1552|回复: 6
收起左侧

[求助] 微信小程序 wx:fox的列表渲染无效 求助

[复制链接]
基督山 发表于 2021-4-29 17:32
刚接触微信小程序没多久=_=列表渲染没有生效

js部分代码:
[JavaScript] 纯文本查看 复制代码
data: {
    list:[
      {
        avator_url:"/images/like.png",username:"123",
        send_time:"2sssss",content:"aOUR",likesnum:21,},
      {
        avator_url:"/images/like.png",username:"123",
        send_time:"2sssss",content:"bOUR",likesnum:21,},   
    ]
  },

wxml部分代码:
[HTML] 纯文本查看 复制代码
<block wx:for="{{list}}" wx:fox-item="itemName" wx:for-index="idx">
    <view class="box">
      <view class="firstblock">
        <image class="avator" src="{{itemName.avator_url}}"></image>
        <view class="nametime">
          <view class="nickname_v">
            <text class="nickname">{{itemName.username}}</text>
          </view>
          <view class="time_v">
            <text class="time">{{itemName.send_time}}</text>
          </view>
        </view>
      </view>
      <view class="secondtblock">
        <text class="cont">{{itemName.content}}</text>
      </view>
      <view class="thirdblock">
        <image class="like" src="/images/like.png"></image>
        <text class="likesnum">{{itemName.likesnum}}</text>
      </view>
    </view>
  </block>

屏幕截图 2021-04-29 172904.jpg

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

notproblem 发表于 2021-4-29 17:47
<block wx:for="{{list}}" wx:fox-item="itemName" wx:for-index="idx"> 中 fox-item 写错了

免费评分

参与人数 1吾爱币 +1 热心值 +1 收起 理由
基督山 + 1 + 1 我很赞同!

查看全部评分

 楼主| 基督山 发表于 2021-4-29 17:48
lcbreak 发表于 2021-4-29 17:52
wx:fox-item错了,一般不指定名字就用item也可以,遍历渲染最好还要加上wx:key
hualonghongyan 发表于 2021-4-29 18:38
哈哈哈,没有提示语法错误么
 楼主| 基督山 发表于 2021-4-29 20:52
hualonghongyan 发表于 2021-4-29 18:38
哈哈哈,没有提示语法错误么

木有提示,找了半天都没找着~
 楼主| 基督山 发表于 2021-4-29 20:53
lcbreak 发表于 2021-4-29 17:52
wx:fox-item错了,一般不指定名字就用item也可以,遍历渲染最好还要加上wx:key

好得,感谢指教
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-11-26 03:32

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表