vue props如何一次传多个值

2024-12-11 技术教程

这篇文章主要为大家展示了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 > {{propsText.seleTime}} </li> <li class="car_start"> {{propsText.carsStart}} </li> <li class="car_end"> {{propsText.carEnd}} </li> <li class="remark"> {{propsText.Remark}} </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如何一次传多个值的内容，如果你们有学习到知识或者技能，可以把它分享出去让更多的人看到。