a***@libaoka.com
a***@libaoka.com
  • 发布:2020-04-05 01:47
  • 更新:2020-04-05 01:48
  • 阅读:816

【报Bug】vue列表渲染问题,不同数据源格式中使用一个对象进行渲染

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

目前环境发生在移动设备上。在浏览器调试正常。

在加载不同数据源渲染到同一个对象时报对象未定义,根据if条件判断是不应该进入该代码片段

[内容]

重现步骤

[步骤]

情况如下

设置初始化对象跟判断条件

data() {  
  return { eventType: 'a', list: [] }  
}

模块代码为

<view v-for="(item,index) in list" :key="index">  
  <view v-if="eventType==='a'">  
      {{ item.xx }}  
  </view>  

  <view v-if="eventType==='b'">  
     {{item}}  
  </view>  
<view>

通过不同的查询条件从服务器抓取数据填充到list变量对象当中,同时更新对应数据源的if判断条件类型

[结果]
uniapp浏览器H5调试运行正常,IOS手机模拟器测试失败,报对象未定义的错误
[期望]

希望让H5和手机app端一致,同步更新对象。

IDE运行环境说明

hbuilderX 2.6.5.20200314

[IDE版本号]
2.6.5.20200314
[windows版本号]

[mac版本号]
10.15.3 (19D76)

uni-app运行环境说明

H5 跟iphone8 模拟器

[运行端版本号]

2.6.5.20200314
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
HbuilderX 创建
[编译模式说明:自定义组件模式?纯nvue模式?v3模式?]

App运行环境说明

[Android版本号]

[iOS版本号]
13.3
[手机型号]

[模拟器型号]
iphone8

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[ERROR] : TypeError: undefined is not an object (evaluating 'item.coin.toUpperCase') __ERROR

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2020-04-05 01:47 负责人:无 分享
已邀请:
a***@libaoka.com

a***@libaoka.com (作者)

字段根据条件进行填充,格式不一致

该问题目前已经被锁定, 无法添加新回复