Question

我正在尝试访问用户对象的电子邮件属性

ctrl + alt + arrows

像这样：

{"name":"test", "email":"test@test.x"}

当我尝试访问控制台中的属性-> console.log（user.email）时，一切都很好

组件代码->

<input type="text" :placeholder="user.email">

组件调用->

<template>
<div>
    <form method="POST" action="smth.php">
        <input type="text" :placeholder="user.email">
    </form>
</div>
</template>

<script>
export default {
    props: {
        user: {
            type: Object,
            required: true
        }
    },
}
</script>

能否请您向我展示如何访问用户对象的电子邮件属性的正确方法？
控制台和npm watch均未显示任何错误。

Answer 1

问题出在此代码上：

<div class="container">
    <page-profile :user="{{ $user->toJson() }}"></page-profile>
</div>

在属性定义中不需要那些花括号。这些仅在标记的内容中是必需的，而在属性中则不是必需的。

我也不确定->箭头应该做什么。是从PHP来的吗？

您可能想要以下类似内容：

<div class="container">
    <page-profile :user="$user.toJson()"></page-profile>
</div>

组件中的访问对象属性

1 个答案: