将匿名组件属性作为对象传递

Posted

技术标签:

【中文标题】将匿名组件属性作为对象传递【英文标题】:Pass Anonymous Components Attribute as object 【发布时间】:2021-11-15 08:26:11 【问题描述】:

我有一个刀片匿名组件。

我想将属性作为对象传递给组件。

当我这样做时,对象转换为字符串

组件文件:

@props(['object'])

 $object 

组件调用:

<x-component object="object variable" />

【问题讨论】:

如果将 $object 替换为 dd($object),您会看到什么? 【参考方案1】:

尝试这样,在属性名称前添加:。示例:

welcome.blade.php

@php 
  $customer = (object)['name' => 'Kenny'];
@endphp
<x-customer-component :customer="$customer"/>
                      ^

customer-component.blade.php

<div>
  <p>Hey, my name is  $customer->name </p>
</div>

【讨论】:

以上是关于将匿名组件属性作为对象传递的主要内容,如果未能解决你的问题,请参考以下文章

如果数据属性在 VueJs 中从父组件传递到子组件,则无法将其作为对象进行操作

将嵌套对象名称作为道具传递给组件

将对象道具作为 JSX 属性而不是对象传递

如何将对象数组作为道具传递给组件,然后将数组的成员作为道具传递给嵌套组件?

如何将 ref 作为组件对象中的道具传递?

如何将反应组件作为变量传递给子组件?