收藏
回答

swiper组件动态渲染出现undenfined?

swiper组件

场景复现:我有一个列表数组,使用current-item-id来定位当前元素,每次移动到列表头部或者尾部动态切分列表,重新渲染swiper,我发现在截取数组重新渲染的时候 会出现如下错误:

webviewScriptError

Cannot read property '$$' of undefined

TypeError: Cannot read property '$$' of undefined

at HTMLElement._attached.wx.getPlatform._touchstartHandlerForDevtools

感觉是不是current-item-id的定位出现了问题,但是我的渲染数组实实在在是有item-id的元素的。

哪些有经验的大佬可以帮忙看看,感谢!

代码如下:

			"'index_'+ currentIndex" style="height: 100%;" @change="changeSubject" v-if="subjectList.length > 0">
				for="(item,index) in subjectList" :item-id="'index_'+item.index" :key="item.index">
					class="d-flex">
						class="title">
							{{item.title}}
						
					
				
			

			getSubjectList(){
				if(this.startIndex<this.currentIndex && this.currentIndex<this.endIndex){
					return;
				}
				//到达最后了数组扩容一下
				if(this.currentIndex == this.endIndex){
					this.startIndex = Math.max(this.currentIndex - 2,0);
					this.endIndex = Math.min(this.endIndex + this.step,this.todayTask.subjects.length - 1)
				}
				if(this.currentIndex == this.startIndex){
					this.startIndex = Math.max(this.startIndex - this.step,0)
					this.endIndex = Math.min(this.currentIndex + this.step,this.todayTask.subjects.length - 1)
				}
				this.subjectList = [];
				this.subjectList =  this.todayTask.subjects.slice(this.startIndex,this.endIndex + 1)
				console.log(this.subjectList)
			},
			changeSubject(e){
				this.currentIndex = e.detail.currentItemId.replace('index_','') - 0
				console.log(this.currentIndex)
				this.getSubjectList()
			},

最后一次编辑于  05-07
回答关注问题邀请回答
收藏

4 个回答

登录 后发表内容
问题标签