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>