小程序开发之组件open-data（展示微信开放的数据）

最新推荐文章于 2023-05-25 18:41:11 发布
最新推荐文章于 2023-05-25 18:41:11 发布
阅读量6.3k 收藏 6
点赞数
分类专栏： ONE PIECE--小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JackJia2015/article/details/86519472
版权

open-data

用于展示微信开放的数据。
在这里插入图片描述

type 有效值：

在这里插入图片描述

Tips:

  • 只有当前用户在此群内才能拉取到群名称
  • 关于open-gid的获取请使用 wx.getShareInfo

例如：
效果展示


在这里插入图片描述

代码
index.wxml

<!-- 
  type  开放数据类型
  open-gid  当 type="groupName" 时生效, 群id
  lang  当 type="user*&#
最低0.47元/天 解锁文章
M.Siebel
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
企业微信 WWOpenData组件
weixin_46382390的博客
10-12 2107
新建wxOpendata组件 <template> <ww-open-data :type="type" :openid="openid" /> </template> <script> export default { name: "WWOpenData", props: ["type", "openid"], watch: { openid(item) { this.$nextTick(() => { .
uniapp中企业微信js-sdk，包含支付和ww-open-data
05-28
uni-app企业微信使用jssdk的deme，包括使用WWOpenData和使用微信支付接口。带详细注释
微信小程序open-data组件功能调整
weixin_46767263的博客
01-04 4343
微信小程序<open-data>组件功能调整
微信小程序官方组件展示之开放能力open-data源码
软件事业部的博客
11-08 257
以下将展示微信小程序之开放能力open-data源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：用于展示微信开放的数据。
vue项目中使用ww-open-data获取企业微信通讯录部门信息
csdnyp的博客
04-27 5256
vue项目中使用ww-open-data获取企业微信通讯录部门信息
详解使用uni-app开发微信小程序之登录模块
01-20
在使用uni-app开发微信小程序的过程中，登录模块是一个关键的组成部分，因为这涉及到用户授权和数据安全。微信小程序的官方更新公告表明，对于体验版和开发版的小程序，调用`wx.getUserInfo`接口将不再自动弹出授权...
03_微信小程序之自定义下拉菜单组件
01-08
在微信小程序中，自定义组件是提升开发效率和代码复用性的重要手段。本文将详细介绍如何创建一个自定义下拉菜单组件（drop-menu），并演示如何在页面中使用该组件，以及实现与页面间的交互。 首先，我们创建一个新...
微信小程序如何获取群聊的openGid以及名称详解
10-16
在微信小程序中，获取群聊的openGId和名称是实现特定社交功能，如群打卡、群活动等的关键步骤。本文将深入解析如何在微信小程序中实现这一功能。 首先，我们要明白微信小程序获取群聊信息的背景。由于微信对分享...
微信小程序个人中心、我的界面+源码（示例一）
04-26
在微信小程序的开发中，个人中心或“我的”页面是用户与应用交互的重要组成部分，通常包含用户个人信息展示、功能操作入口等元素。本示例将详细介绍如何创建一个简单的个人中心界面，并提供相关源码。 1. **界面...
微信小程序音乐播放器开发
10-15
在微信小程序中开发一个音乐播放器，主要涉及的是利用微信小程序提供的API和组件来实现音频的播放、控制以及展示播放进度。以下将详细介绍这个过程。 首先，我们要了解微信小程序中的`audio`组件和`...
微信小程序 open-data 的使用
热门推荐
weixin_42289080的博客
08-27 1万+
微信小程序官方 open-data 点击跳转 open-data 用于展示微信开放的数据 <open-data type="userAvatarUrl"></open-data> <open-data type="userNickName" lang="zh_CN"></open-data> <open-data type="userCity" lang="zh_TW"></open-data> <open-data typ
微信小程序 用户信息相关功能 open-data的使用
T3165919332的博客
05-10 419
用户名和头像不再使用原始方法。
企业微信通讯录组件如何在Vue使用，ww-open-data如何使用，antd的a-tree如何配合通讯录组件？
l1811800822的博客
07-14 4990
一.首先在index.html使用CDN引入 企业微信的JS文件 <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script src="https://open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js"></script> 二.单个封装ww-open-data组件 <template>
从微信小程序开放数据open-data中获取用户信息
shiGXW的博客
05-14 3600
type，开放数据类型 open-gid ，群id，当 type="groupName" 时生效 lang ，当 type="user*" 时生效，以哪种语言展示 userInfo，有效值有：en, zh_CN, zh_TW type开放数据类型 groupName 拉取群名称 userNickName 用户昵称 userAvatarUrl 用户头像 userGender 用户性别 userCity 用户所在城市 userP
微信小程序 开发小技巧
sinat_36539161的博客
01-22 488
1、剪贴板 clipboard(){ wx.setClipboardData({ data:String(this.data.orderNo),//注意data值不能是数字 success (res) { wx.getClipboardData({ success (res) { console.log(res.data) } }) }, c
微信小程序获取数据并展示
zhangYt的博客
04-02 9104
项目场景 今天主要做的内容是在微信小程序中通过调用后端接口将数据库中的数据拿到前端来展示 因为在实现过程中遇到了一些需要注意的小问题，所以特地来记录一下 一.首先在后端提供一个获取所有数据的接口（具体细节就不展示了比较简单） 二.在前端(小程序)中发送请求获得数据，请求方式如下 拿到数据 三.数据在小程序中的展示 今天主要的问题也是出现在这里，具体就是图像的路径一直拼接出错导致无法在前台展示出图片 <view class="img"> <image src="'h
微信小程序open-data userAvatarUrl圆角显示
Pc620的专栏
05-07 6590
微信小程序获取用户头像有两种方式： 一种是通过调用wx.getUserInfo方法，从userInfo字段中解析出avatarUrl。 另一种是通过open-data组件，直接将用户头像显示在页面指定位置。 <open-data type="userAvatarUrl"></open-data> 针对第二种方法，无法使用border-radius:50%来设置头像...
微信小程序获取接口数据与展现
qq_25015861的博客
11-22 1万+
先来了解一下data的取值与赋值吧 data 是页面第一次渲染使用的初始数据。页面加载时，data 将会以JSON字符串的形式由逻辑层传至渲染层，因此data中的数据必须是可以转成JSON的类型：字符串，数字，布尔值，对象，数组。 { } 大括号，表示定义一个对象，大部分情况下要有成对的属性和值，或是函数 [ ]中括号，表示一个数组，也可以理解为一个数组对象 渲染层可以通过 WXML 对数据进行绑定，通过花括号进行数据绑定 如： .js里定义的data为 data: { list:{}, m
微信小程序---表格的制作并展示云数据库中的数据
最新发布
lzh445096的博客
05-25 4466
在列表循环中把每个数据在每行依次排列即得到表格的排列模式,这里的index%2==0意为相邻两行的样式不一样，这里都用tr类使两行样式一样，实际可以更改为不同样式，tr类中用flex布局展示这一行的所有数据，即构成表格，表头用bg-w类做一个区分即可。微信小程序并没有表格组件，可能是官方考虑到,在前端开发中，表格的嵌套性太多，用DIV代码会比较简洁就没有实现吧。要想实现从云数据库都数据到界面展示，需要把数据读到界面内存中，在js中定义内存数组为。众多，但是各个参数都需要配置，比较麻烦）
微信小程序<open-data></open-data>组件
05-17
微信小程序<open-data></open-data>组件可以用来展示用户的个人信息，例如头像、昵称、城市等。该组件可以从微信服务器获取用户的信息，而不需要用户授权。 使用该组件，需要在小程序的app.json文件中声明使用相应的权限，例如： ``` { "mp-weixin": { "appid": "YOUR_APPID", "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" }, "scope.userInfo": { "desc": "你的昵称、头像及性别将展示在小程序中" } } } } ``` 然后在需要展示用户信息的页面中，可以使用以下代码： ``` <open-data type="userNickName"></open-data> <open-data type="userAvatarUrl"></open-data> <open-data type="userCity"></open-data> ``` 该组件支持的数据类型包括：userNickName（用户昵称）、userAvatarUrl（用户头像）、userCity（用户所在城市）、userProvince（用户所在省份）、userCountry（用户所在国家）、userGender（用户性别）、userLanguage（用户语言）、userPhoneNumber（用户手机号码）、userEmail（用户邮箱地址）等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值