uvue文件中使用v-for时报错,求解决
![林林潾](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/002/40/80/37_avatar_mid.jpg?v=1712550417)
- 发布:2024-04-02 20:53
- 更新:2024-04-09 10:14
- 阅读:243
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20240402/b0edac400e8b0ace3940541ccb77f66b.png)
![爱豆豆](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/001/20/55/59_avatar_mid.jpg?v=0)
爱豆豆 - 办法总比困难多
加上类型试下
<template>
<view class="main-content">
<view class="content-container">
<view class="main-item" v-for="(item, index) in list" :key="index">
{{item}}
</view>
</view>
</view>
</template>
<script lang="uts">
export default {
name: "xxx",
data() {
return {};
},
props: {
list: {
type: Array as PropType<any[]>,
default: () : any[] => []
}
},
}
</script>
![林林潾](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/002/40/80/37_avatar_mid.jpg?v=1712550417)
林林潾 (作者)
这是报错的大概代码
<template>
<view class="main-content">
<view class="content-container">
<view class="main-item" v-for="(item, index) in list" :key="index">
</view>
</view>
</view>
</template>
<script>
export default {
name:"xxx",
data() {
return {
};
},
props: ["list"],
}
</script>
![林林潾](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/002/40/80/37_avatar_mid.jpg?v=1712550417)
林林潾 (作者)
大佬,能再请教一个问题吗,就是 props 中的 list 是这种结构时,然后在 template 里面用 v-for 遍历 childList 仍然会报与上次一样的错误,该怎么解决呢?
list: [
{
......
childList: [
{
......
}
]
},
]
<view class="main-content">
<view class="content-container">
<view class="main-item" v-for="(item, index) in list" :key="index">
<view class="series-item" v-for="(child, cid) in item.childList" :key="cid">
</view>
</view>
</view>
</view>
<script>
export default {
name: "home-mainContent",
data() {
return {
};
},
props: {
list: {
type: Array as PropType<any[]>,
default: () : any[] => []
}
},
}
</script>