让认证用户进入 vuejs 对象答案

【问题标题】：get auth user into vuejs object让认证用户进入 vuejs 对象
【发布时间】：2019-05-19 20:05:02
【问题描述】：

我想将我当前登录的用户详细信息放入我的隐藏输入字段中。所以我写这样的输入值

<input type="hidden" name="name" v-model="comment.name">
<input type="hidden" name="avatar" v-model="comment.avatar">

或者我想将用户信息直接获取到我的 vuejs 对象中

comment: {                  
          name: '',
          avatar: '',
          user_id: '',
          comment: '',
          status: 'Approved',
          created_at: ''
        },

我如何将当前登录的用户详细信息获取到此对象中。我使用这个 fetch 方法来获取详细信息

axios.get("api/userdetails").then(({ data }) => (this.users.fill(data)));

这是我的控制器

return auth('api')->user();

【问题讨论】：

你为什么要this.users.fill(data)？
@ Boussadjra Brahim 我想将我当前的用户数据显示到我的 vuejs 对象中

标签： mysql laravel vue.js

【解决方案1】：

如何使用 Vuejs 和 Laravel 获取当前经过身份验证的用户 ID

你应该添加到 <meta name="user-id" content="{{ Auth::user()->id }}"> in

// app.blade.php 或者你拥有的任何东西，可能是 master.blade.php，如下所示

    <head>
        <meta charset="UTF-8">
        @if (Auth::check()) 
          <meta name="user-id" content="{{ Auth::user()->id }}">
        @endif 
        <meta http-equiv="X-UA-Compatible" content="IE=edge" 
      ...
      ..

然后在app.js或者main.js中添加

 data: {
    comment: {
      name: '',
      cart: '',
      user_id: document.querySelector("meta[name='user-id']").getAttribute('content'),
    },

// 最后在你的 MyVueComponent.vue 中

<div class="col-sm-6">
    <label>First Name *</label>
    <input type="text" v-model="comment.name" class="form-control" required>
    <input type="hidden" v-model="comment.cart">
    <input type="hidden" v-model="comment.user_id">
</div>

希望能帮助别人

【讨论】：

【解决方案2】：

如果我理解得很好，this.users 是你在你的所有用户的列表，比如说，状态？如果这是真的，那么您必须通过他拥有的某个唯一 id 来识别您当前登录的用户，也许您应该使用 this.users.filter 来查找该用户并将 id 与当前登录的用户进行比较。然后只需抓取您需要填写的字段。

【讨论】：

不，我尝试获取当前用户详细信息并将其绑定到用户数组对象
所以当前登录的用户类似于 Auth::user()->id 等，使用扩展运算符将其附加到 this.users：this.users = [...this.users, .. .Auth::user()];
怎么写

【解决方案3】：

为什么不直接将用户变量传递到 vuejs 对象中的刀片模板中？

{{ Auth::user()->id }} {{ Auth::user()->name }} {{ Auth::user()->avatar }}

等等

【讨论】：

如何将它与我的对象绑定