将 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>

  <div>

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

  </div>

</template>

<script>

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

export default {

  data() {

    return {

      microsoftTeams,

    };

  },

  methods: {

    getAuth() {

      console.log(this.microsoftTeams);

    }

  }

};

</script>