7***@qq.com
7***@qq.com
  • 发布:2022-02-12 09:11
  • 更新:2022-03-07 11:01
  • 阅读:324

【报Bug】NVUE页面,使用list组件,使用unshift方法,插入数据,页面闪动

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows10

HBuilderX类型: 正式

HBuilderX版本号: 3.3.11

手机系统: Android

手机系统版本号: Android 11

手机厂商: OPPO

手机机型: oppo reno6

页面类型: nvue

vue版本: vue2

nvue编译模式: 纯nvue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
{{item.text+item.id}}重置数据 添加数据 export default { data() { return { scrollTop:0, dataList:[ { id:1, img:'/static/logo.png', text:'我是' }, ] } }, onLoad() { }, methods: { cz(){ this.dataList = [ { id:1, img:'/static/logo.png', text:'我是' } ] }, pushA(){ let opt = { id:this.dataList.length+1, img:'/static/logo.png', text:'我是' } this.dataList.unshift(opt) } } }

操作步骤:

NVUE页面,使用list组件,使用unshift方法(反正就是向数组前面或者中间插入数据都会闪动),插入数据,页面闪动

预期结果:

无论怎么插入,数据,页面都不会闪动

实际结果:

页面闪动

bug描述:

NVUE页面,使用list组件,使用unshift方法,插入数据,页面闪动

2022-02-12 09:11 负责人:DCloud_Android_ST 分享
已邀请:
FullStack

FullStack - 【插件开发】【专治疑难杂症】【解决问题 >50$】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【骗子请绕道】QQ:543610866

andorid确实存在这个情况,ios没有问题,vue页面不会,但不影响使用,不知道是个bug

  • 7***@qq.com (作者)

    聊天页面 这种情况 ,体验极差,你想想,群聊的时候,收到消息速度有点快的时候, 就特别闪,

    2022-02-13 23:39

DCloud_Android_ST

DCloud_Android_ST

下个版本会优化该问题

DCloud_Android_ST

DCloud_Android_ST

HX3.4.0+已修复该问题

  • q***@qq.com

    如果视图中v-if较多的情况下,还是会出现闪动,只能说确实优化了,但没有完全解决。

    2022-04-02 20:39

  • 7***@qq.com (作者)

    如果视图里面v-if比较多得情况下 还是会闪动啊 比以前要稍微好一点

    2022-07-25 14:37

  • DCloud_Android_ST

    回复 7***@qq.com: 更新示例demo 我试下

    2022-07-25 14:43

  • 7***@qq.com (作者)

    回复 DCloud_Android_ST: 好的

    2022-07-25 15:09

  • 7***@qq.com (作者)

    回复 DCloud_Android_ST: 我发现了 是v-if 造成的 如果 两个元素,使用v-if 只能显示一个 动态切换的时候 就会闪

    2022-07-25 16:02

  • 7***@qq.com (作者)

    回复 DCloud_Android_ST: 这个问题 可以解决吗

    2022-07-25 16:03

要回复问题请先登录注册