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

Posted 2023-02-22

【中文标题】如何将全局变量调用到 vue 组件中？

【英文标题】：how to call global variable into vue component?

【发布时间】：2018-09-03 15:23:18

【问题描述】：

我的母版页中有此代码。如何在我的 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>

【参考方案1】：

你会这样称呼它：

window.App.user.id

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

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

【讨论】：

先生说属性或方法“窗口”也没有在实例和应用程序上定义。说渲染中的错误：“TypeError：无法读取未定义的属性'App'”

它已经解决了先生，非常感谢。我感谢您的帮助。谢谢

谢谢。如果您也可以对答案进行投票，非常感谢。 @菜鸟

我的声望不到 15 先生

立即尝试 :) @rookie