props default 数组(Array)/对象(Object)的默认值应当由一个工厂函数返回
2017-09-29 13:57
721 查看
1.场景:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202001/03/1223aaddbcaa89d8c23f08c40aeedabb.png)
Object:
Array:
2.场景
![](https://oscdn.geek-share.com/Uploads/Images/Content/202001/03/8ba9ab45c727966873bb8efe4ed1f6af.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202001/03/4f7223037fb3ae4e7e7bb56256ee5539.png)
解决方案:
使用 v-for 外层 div 就变成 根元素,因为 一个 template 的根元素不能为多个,需要在外层嵌套一层 div
![](https://oscdn.geek-share.com/Uploads/Images/Content/202001/03/871fcbe3aa313c6c697bb61a60a7c391.png)
组件中引用:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202001/03/1223aaddbcaa89d8c23f08c40aeedabb.png)
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.场景
![](https://oscdn.geek-share.com/Uploads/Images/Content/202001/03/8ba9ab45c727966873bb8efe4ed1f6af.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202001/03/4f7223037fb3ae4e7e7bb56256ee5539.png)
解决方案:
使用 v-for 外层 div 就变成 根元素,因为 一个 template 的根元素不能为多个,需要在外层嵌套一层 div
![](https://oscdn.geek-share.com/Uploads/Images/Content/202001/03/871fcbe3aa313c6c697bb61a60a7c391.png)
组件中引用:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202001/03/408fdce5c58ffa7f066d743cc11fd14d.png)
相关文章推荐
- Ajax调用返回json数组,对象 (JSONArray.fromObject)
- 将非托管代码返回的一个object 对象转换为 string 数组
- php数组函数序列之array_push() 数组尾部添加一个或多个元素(入栈),返回新长度。
- 函数功能:传入一个数组,返回数组中第二大数。已知数组中的对象都是数字构成的字符串,且任意两元素不相等。 如传入:@[@"1",@"2",@"3",@"4"],返回@"3"
- array_flip() 函数返回一个反转后的数组
- php数组函数序列之array_push() 数组尾部添加一个或多个元素(入栈),返回新长度。
- 【php数组函数序列】之array_push() - 数组尾部添加一个或多个元素(入栈),返回新长度。
- 使用json_decode()转换返回数组或对象时出现:Cannot use object of type stdClass as array
- 给Array本地对象增加一个原型方法,他的用途是删除数组中重复的条目,并将新的数组返回
- WaitForSingleObject()函数,其第一个参数是一个核心对象(如线程)的 handle
- 用变量a给出下面的定义:一个有10个指针的数组,该指针指向一个函数,该函数有一个整形参数并返回一个整型数
- 编写一个函数,返回一个int数组中存储的最大数值,并在一个简单的程序中测试这个函数。(有缺陷)
- 编写一个函数,返回整型数组中的第二大值
- c函数能返回一个数组吗?
- php数组函数序列之array_search()- 按元素值返回键名
- 一个简单的oracle函数返回数组的例子[zz]
- C++做一个返回数组指针的函数
- PHP 对象转数组 Object转array
- 使用指针从函数返回一个数组
- intent几种传值数组、对象、集合(Array,Object,List)