如何在Vue组件中获取当前登录用户的用户对象

Posted 2023-02-22

【中文标题】如何在Vue组件中获取当前登录用户的用户对象

【英文标题】：How to get User Object of Currently Logged User in Vue Component

【发布时间】：2021-02-06 09:54:08

【问题描述】：

我是 Laravel 和 Vue Js 的新手。我需要在 Vue 组件中获取当前记录的用户对象。我怎么才能得到它？请尽快给我答复。

我在调用Vue组件时尝试将刀片文件中的User对象传递如下，但没有成功。

<section id="vue-app">
    <add-new-address :userName= Auth::user()->name ></add-new-address>
</section>

以及我在Vue组件中使用如下，

 props: 
    userName: this.userName ,
  

检索到输入字段如下，

<input class="mdc-text-field__input" required="" v-model="userName" name="fname" type="text" >

这是我的 vue 组件

**<template>
  <div class="row" id="addNewtAddress">
          <input class="mdc-text-field__input" required="" id="fname" name="fname" v-model="name" type="text" >
    </div>
</template>
<script>
export default 
  name: "AddNewAddress",

  props:['name'],

  data()
    return
    
  

</script>**

【参考方案1】：

使用 json_encode 并将 prop 作为 json 对象发送，像这样

刀片

<section id="vue-app">
    <add-new-address name= Auth::user()->name ></add-new-address>
</section>

vue

props:['name']

参考链接https://vuejs.org/v2/guide/components-props.html

【讨论】：

当我添加你提到的userName时，它没有在浏览器中显示vue组件。所以，它有什么问题？

它对我不起作用。在输入中使用“name”变量时，我使用过这样的 v-model="name"。有错吗？

使用与您提到的相同。但不显示数据

我的开发工具没有显示任何东西。这意味着 devtool 不适用于其他方法