swiper如果多次赋值的话,会出现swiper叠加。（swiper绑定一个数组，当数组发生改变的时候（nextTick中执行改变））。在appV3模式和h5端出现

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： window7

HBuilderX类型：正式

HBuilderX版本号： 2.7.5

手机系统： Android

手机系统版本号： Android 10

手机厂商：华为

手机机型：所有

页面类型： vue

打包方式：云端

项目创建方式： HBuilderX

操作步骤：

var exercises = [1,2,3,4,5,6,7,8,9]
var arrData = [];
for (var i=0; i < exercises.length;i++){
arrData[i] = '';
}
this.subjectList = arrData;
this.$nextTick(function(){
that.subjectList = exercises;
})

预期结果：

显示正常就行。先渲染数组中的第一位，再渲染全部。这样渲染视觉上快

实际结果：

页面显示错乱

bug描述：

var arrData = [];
for (var i=0; i < exercises.length;i++){
arrData[i] = '';
}
that.subjectList = arrData;
that.$nextTick(function(){
that.subjectList = exercises;
})
这种写法页面会闪的，且有异常（有时候东西很多，页面加载效率低，就先加载数组中的一个，再渲染全部），非v3模式不会出现这种情况

2020-05-19 19:09 负责人:无分享

2 个回复

7***@qq.com - 切图仔

1111

不老刘

同样遇到这个问题了。V3下 $nextTick DOM内容不更新的情况，经常会不触发这个事件。

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

对。不过也奇怪这个是在swiper中出现的

2020-06-08 14:29

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

swiper如果多次赋值的话,会出现swiper叠加。（swiper绑定一个数组，当数组发生改变的时候（nextTick中执行改变））。在appV3模式和h5端出现

操作步骤：

var exercises = [1,2,3,4,5,6,7,8,9]
var arrData = [];
for (var i=0; i < exercises.length;i++){
arrData[i] = '';
}
this.subjectList = arrData;
this.$nextTick(function(){
that.subjectList = exercises;
})

预期结果：

显示正常就行。先渲染数组中的第一位，再渲染全部。这样渲染视觉上快

实际结果：

页面显示错乱

bug描述：

2 个回复

公告

相关问题

swiper如果多次赋值的话,会出现swiper叠加。（swiper绑定一个数组，当数组发生改变的时候（nextTick中执行改变））。在appV3模式和h5端出现

操作步骤： var exercises = [1,2,3,4,5,6,7,8,9] var arrData = []; for (var i=0; i < exercises.length;i++){ arrData[i] = ''; } this.subjectList = arrData; this.$nextTick(function(){ that.subjectList = exercises; })

预期结果： 显示正常就行。先渲染数组中的第一位，再渲染全部。这样渲染视觉上快

实际结果： 页面显示错乱

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

操作步骤：

var exercises = [1,2,3,4,5,6,7,8,9]
var arrData = [];
for (var i=0; i < exercises.length;i++){
arrData[i] = '';
}
this.subjectList = arrData;
this.$nextTick(function(){
that.subjectList = exercises;
})

预期结果：

显示正常就行。先渲染数组中的第一位，再渲染全部。这样渲染视觉上快

实际结果：

页面显示错乱