企业微信 WWOpenData组件

1. 新建wxOpendata组件

<template>
  <ww-open-data :type="type" :openid="openid" />
</template>
<script>
export default {
  name: "WWOpenData",
  props: ["type", "openid"],
  watch: {
    openid(item) {
      this.$nextTick(() => {
        window.WWOpenData.bind(this.$el);
      });
    }
  },
  mounted() {
    window.WWOpenData.bind(this.$el);
  },
};
</script>

2. main.js 全局注册

import WWOpenDatas from '@/components/wxOpendata'
Vue.component('WWOpenData', WWOpenDatas)

3.使用

//获取人名，userId为人员拼音
<WWOpenData type="userName" :openid="userId"></WWOpenData>
//获取部门名，deptId为部门id
<WWOpenData type="departmentName" :openid="deptId"></WWOpenData>

注意：WWOpenData需要在agentConfig完成后才能获取到