将匿名组件属性作为对象传递
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 中从父组件传递到子组件,则无法将其作为对象进行操作