Question

我在我的母版页中有这个代码。如何在我的vue模板中调用此变量。我认为我称之为变量的方式是错误的，请纠正我

<script>
  window.App = {!! json_encode([
      'user' => Auth::user()->id,
  ]) !!};
</script>

这是我的vue模板

<template lang="html">
  <div class="chat-message" v-if="message.user_from == window.App.user">
    <div class="chatright">
      {{message.user_from}} {{message.msg}}
   </div>
  </div>
  <div class="chatleft" v-else>
    {{message.user_from}} {{message.msg}}
  </div>
</template>

Answer 1

你会这样称呼它：

window.App.user.id

顺便说一句，在你的母版页中你只需要这个：

<script>
  window.App = {!! json_encode([
      'user' => Auth::user(),
  ]) !!};
</script>

如何将全局变量调用到vue组件中？

1 个答案: