将 team-js 导入 Vue.js 文件

Question

我目前正在尝试将 Microsoft Teams SDK 实施到我的 Vue.js 项目中。我已经安装了 npm 包并在我的 vue 文件中引用了该包，但由于某种原因，我的 microsoftTeams 别名的值将显示为未定义。有没有我错过的步骤或者为什么会这样？

我的 vue 文件的片段：

<template>

  <div>

    <button v-on:click="getAuth()">do</button>

  </div>

</template>

<script>

import * as microsoftTeams from "@microsoft/teams-js";

export default {

  methods: {

    getAuth() {

      console.log(microsoftTeams);

    }

  }

};

</script>

Answer 1

设置任何变量仍然必须在数据对象中声明，除非您将其附加到窗口对象。<template>&nbsp; <div>&nbsp; &nbsp; <button v-on:click="getAuth()">do</button>&nbsp; </div></template><script>import * as microsoftTeams from "@microsoft/teams-js";export default {&nbsp; data() {&nbsp; &nbsp; return {&nbsp; &nbsp; &nbsp; microsoftTeams,&nbsp; &nbsp; };&nbsp; },&nbsp; methods: {&nbsp; &nbsp; getAuth() {&nbsp; &nbsp; &nbsp; console.log(this.microsoftTeams);&nbsp; &nbsp; }&nbsp; }};</script>