9***@qq.com
9***@qq.com
  • 发布:2019-06-24 15:03
  • 更新:2019-06-24 16:37
  • 阅读:717

【报Bug】自定义做题组件运行到h5显示异常,小程序正常

分类:uni-app

详细问题描述

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

[内容]
视频还原:
bug视频
!bug视频
地址:bugs视频
代码截图:
bug图片1
bug图片1

bug图片2
bug图片2

bug图片3
bug图片3
大概描述:
1.如视频所示,4道题都是已经做过的,图片1为父组件,2是子组件,3是子组件选择之后将值传给父组件
2.进入第四题,因为有数据回显,但是我更改其中的一个radio之后,点击上一题,此时通过传给子组件的:originalSelect="originalSelect"将回显数据传过去,样式发生了错乱。竟然在同一个radiogroup里出现俩个甚至多个radio被选择情况

重现步骤

[步骤]

[结果]

[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]
HBuilderX:2.0.1.20190614
[windows版本号]
windows8
[mac版本号]

uni-app运行环境说明

谷歌浏览器

[运行端是h5或app或某个小程序?]
h5异常
小程序正常

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
HBuilderX创建的
[编译模式是老模板模式还是新的自定义组件模式?]
自定义组件模式

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

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

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

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]
937432328

2019-06-24 15:03 负责人:无 分享
已邀请:
9***@qq.com

9***@qq.com (作者)

此代码在小程序正常

9***@qq.com

9***@qq.com (作者)

这个问题,解决了,用了vue自带的this.$forceUpdate()强制刷新dom,但是这个方法必须得放到子组件的方法里才生效,代码如下:
<radio-group @change="radioCheckedChange1"></radio-group>
setoriginalSelectArray(){
if(this.originalSelect.length == 0){
console.log("本题缓存信息为空")
xxx
}else {
xxx
this.$forceUpdate()
}
这个setoriginalSelectArray()方法在每次radioCheckedChange1里调用的

4***@qq.com

4***@qq.com

Olay魔域考虑哈哈哈哈爸爸的呃呃呃摸摸摸哦哦

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