<template>
<view class="box">
<virtual-scroll :list="list" :cacheNum="10">
<template #default="{ item }">
<view class="item">
<view class="name">
{{ item.name }}
{{text.label}}
</view>
<view class="age">
{{ item.age }}
</view>
</view>
</template>
</virtual-scroll>
</view>
</template>
<script>
import VirtualScroll from "@/components/virtual-scroll/virtual-scroll.vue"
export default {
name: 'Test',
components: {
VirtualScroll
},
data() {
return {
text:{label:1233333333333333333}
list: Array.from({
length: 10000
}).map((item, index) => ({
name: '小明-' + index,
age: index
}))
}
}
}
</script>
<style lang="scss" scoped>
.box {
width: 100vw;
height: 100vh;
.name {
font-size: 32rpx;
font-weight: bold;
line-height: 40rpx;
margin-bottom: 20rpx;
color: #333;
}
.age {
font-size: 24rpx;
color: #999;
}
.item {
margin: 30rpx;
padding: 30rpx;
box-sizing: border-box;
background-color: #eee;
border-radius: 12rpx;
}
}
</style>
我在变量里加了一个text对象然后 template内使用这个对象做展示,在飞书的效果是 只会展示一条数据,然后其他都是空的,去掉后又正常了
2 个回复
最佳回复
DCloud
HBuilderX 3.99.2023121601-alpha 已修复。
YUANRJ
感谢反馈,后续修复,可以先使用具名插槽临时解决此问题。