Question

我是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>**

Answer 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

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

1 个答案:

刀片

vue