幽灵资源网 Design By www.bzswh.com
数组:
<custom-element :whatever="[...array]"></custom-element>
对象:
<custom-element :whatever="{...obj}"></custom-element>
或者:
<custom-element v-bind="obj" </custom-element>
子组件:
<ul class="car_wrap"> <li > <span> <i class="fa fa-clock-o clock_icon" aria-hidden="true"></i> </span> <p>{{propsText.seleTime}}</p> </li> <li class="car_start"> <span> <i class="fa fa-circle circle_icon" aria-hidden="true"></i> </span> <p>{{propsText.carsStart}}</p> </li> <li class="car_end"> <span> <i class="fa fa-circle circle_icon" aria-hidden="true"></i> </span> <p>{{propsText.carEnd}}</p> </li> <li class="remark"> <span> <i class="fa fa-circle circle_icon" aria-hidden="true"></i> </span> <p>{{propsText.Remark}}</p> </li> </ul> <div class="confirmation_car"> props: { propsText:{ type: Object, default:{} } },
父组件:
<!-- 选择内容 --> <div class="select_content"> <app-footer-car :clock="clock" :propsText="{...propsText}"/> </div> import appFooterCar from "../FooterCarList/FooterCarList"; data() { return { propsText:{ seleTime:11, carsStart:22, carEnd:33, Remark:44, confirmationCar:55 } };
补充知识:vue props 属性值接受多个类型
我就废话不多说了,大家还是直接看代码吧~
originalData: { type: Array | Object, default () { return [] } } } ```
以上这篇vue props 一次传多个值实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
标签:
vue,props传值
幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...