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

设置任何变量仍然必须在数据对象中声明，除非您将其附加到 window 对象。

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

将 teams-js 导入 Vue.js 文件

Import teams-js into Vue.js file

javascript

npm

vue.js

microsoft-teams