OpenData

用于展示微信开放的数据

参考文档

类型

  1. ComponentType<OpenDataProps>

示例代码

  • React
  • Vue
  1. class App extends Component {
  2. render () {
  3. return (
  4. <OpenData type='userAvatarUrl'/>
  5. )
  6. }
  7. }
  1. <template>
  2. <open-data type="userAvatarUrl" />
  3. </template>

OpenDataProps

参数类型默认值必填说明
type“groupName” | “userNickName” | “userAvatarUrl” | “userGender” | “userCity” | “userProvince” | “userCountry” | “userLanguage”开放数据类型
openGidstring当 type=”groupName” 时生效, 群id
lang“en” | “zh_CN” | “zh_TW”“en”当 type=”user*” 时生效,以哪种语言展示 userInfo
defaultTextstring数据为空时的默认文案
defaultAvatarstring用户头像为空时的默认图片,支持相对路径和网络图片路径
onErrorBaseEventOrigFunction<any>群名称或用户信息为空时触发

API 支持度

API微信小程序H5React Native
OpenDataProps.type✔️
OpenDataProps.openGid✔️
OpenDataProps.lang✔️
OpenDataProps.defaultText✔️
OpenDataProps.defaultAvatar✔️
OpenDataProps.onError✔️

type

type 的合法值

参数说明
groupName拉取群名称
userNickName用户昵称
userAvatarUrl用户头像
userGender用户性别
userCity用户所在城市
userProvince用户所在省份
userCountry用户所在国家
userLanguage用户的语言

lang

lang 的合法值

参数说明
en英文
zh_CN简体中文
zh_TW繁体中文

API 支持度

API微信小程序H5React Native
OpenData✔️