uvue文件中使用v-for时报错，求解决
林林潾
- 发布：2024-04-02 20:53
- 更新：2024-04-09 10:14
- 阅读：351
爱豆豆 - 办法总比困难多
加上类型试下
<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>林林潾 (作者)
这是报错的大概代码
<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>
林林潾 (作者)
大佬，能再请教一个问题吗，就是 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>
