vue props 一次传多个值实例

数组：

<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 aria-hidden='true'></i> </span> <p>{{propsText.seleTime}}</p> </li> <li class='car_start'> <span> <i aria-hidden='true'></i> </span> <p>{{propsText.carsStart}}</p> </li> <li class='car_end'> <span> <i aria-hidden='true'></i> </span> <p>{{propsText.carEnd}}</p> </li> <li class='remark'> <span> <i 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 一次传多个值实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持好吧啦网。