您的位置:首页 > 移动开发 > Objective-C

props default 数组(Array)/对象(Object)的默认值应当由一个工厂函数返回

2017-09-29 13:57 721 查看
1.场景:



Object:

<!-- 步骤 -->
<template>
<div>
<div class="m-cell">
<p class="title">{{result.title}}</p>
<p class="name">{{result.name}}</p>
</div>
</div>
</template>

<script>
export default {
props: {
result: {
type: Object,
default(){
return {"title":"同意","name":"李四"}
}
}
}
}
</script>


Array:

<script>
export default {
props: {
result: {
type: Array,
default(){
return [
{
"title":"同意",
"name":"张三"
},
{
"title":"同意",
"name":"李四"
}
]
}
}
}
}
</script>


2.场景





解决方案:

使用 v-for 外层 div 就变成 根元素,因为 一个 template 的根元素不能为多个,需要在外层嵌套一层 div



组件中引用:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐