Question

我目前正在尝试将Microsoft Teams SDK实施到我的Vue.js项目中。我已经安装了npm软件包，并在vue文件中引用了该软件包，但是由于某些原因，我的microsoftTeams别名的值将显示为undefined。是我错过了一步，还是为什么要这么做？

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

将Teams-js导入Vue.js文件

1 个答案: