微信小程序official-account组件 关注公众号的使用

这篇具有很好参考价值的文章主要介绍了微信小程序official-account组件 关注公众号的使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

官方文档链接official-account

1.使用组件前,需前往小程序后台,在“设置”->“关注公众号”中设置要展示的公众号。注:设置的公众号需与小程序为同主体或关联主体。
official-account,微信小程序,微信小程序,小程序,前端
official-account,微信小程序,微信小程序,小程序,前端
只需写下面一行代码

<!-- 关注公众号 -->
<view><official-account bindload="load" binderror="error"></official-account></view>

load(value){
        console.log(value)
    },

其实有上面的代码就够了 效果已经出来了 下面代码起辅助作用

data: {
    getLaunchOptionsSyncArr: [ 1011, ...]  //公众号关注组件显示的场景值. 里面的值可以根据官方文档给的填,会有变化
},

onLoad: function (options) {
        let obj = wx.getLaunchOptionsSync();//获取当前小程序的场景值
        console.log(obj,'获取当前小程序的场景值')
        if(this.data.getLaunchOptionsSyncArr.includes(obj.scene)) {
        //相关逻辑
        ...
    	}
    },

调试
official-account,微信小程序,微信小程序,小程序,前端
扫码打开也可以看到

效果是下面这样的
official-account,微信小程序,微信小程序,小程序,前端
official-account,微信小程序,微信小程序,小程序,前端
点完关注后会变为 查看 两个字

样式不咋可以改 反正我改了没效果文章来源地址https://www.toymoban.com/news/detail-599296.html

到了这里,关于微信小程序official-account组件 关注公众号的使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序显示loading效果,微信小程序节流效果,微信小程序生命周期,微信小程序组件的创建与使用

            文档地址:wx.showLoading(Object object) | 微信开放文档         请求前 显示loading 效果 ,请求结束后隐藏loading         下拉触底需要时间比较长,但是可能会一直进行请求,我们可以 设置一个 加载状态 ,用来控制什么时候 才可以加载         当我们loading 效果为tr

    2024年02月10日
    浏览(66)
  • 04-微信小程序常用组件-基础组件

    04-微信小程序常用组件-基础组件 微信小程序包含了六大组件: 视图容器 、 基础内容 、 导航 、 表单 、 互动 和 导航 。这些组件可以通过WXML和WXSS进行布局和样式设置,从而构建出丰富的小程序界面和交互体验。 其中,视图容器组件包括view和scroll-view等,用于实现页面的

    2024年02月12日
    浏览(39)
  • 05-微信小程序常用组件-表单组件

    05-微信小程序常用组件-表单组件 微信小程序包含了六大组件: 视图容器 、 基础内容 、 导航 、 表单 、 互动 和 导航 。这些组件可以通过WXML和WXSS进行布局和样式设置,从而构建出丰富的小程序界面和交互体验。 其中,视图容器组件包括view和scroll-view等,用于实现页面的

    2024年02月12日
    浏览(46)
  • 【微信小程序】记一次自定义微信小程序组件的思路

    最近来个需求,要求给小程序的 modal 增加个关闭按钮,上网一查发现原来 2018 年就有人给出解决方案了,于是总结下微信小程序自定义组件的思路:一句话, 用 wxml + css实现和原生组件类似的样式和效果,之后用 JS 实现类似原生组件的功能。 比如 modal 组件,观察可以得出就

    2024年02月11日
    浏览(49)
  • 微信小程序文本组件text使用详解-微信小程序系统学习攻略​

    也许你迷茫,但是我想说,在你迷茫的同时,保持本心,过好今天就好。 在微信小程序中,组件 text 用来显示文本,基本使用代码如下: 1 基本样式设置 基本使用还是比较简单的,下面咱们来论述一下文本样式的设置,首先是给他设置一个 class 然后在对应的 wxss 文件中编写

    2023年04月13日
    浏览(51)
  • 微信小程序(页面组件)

    1.1 组件的定义及属性 组件是页面视图层(WXML)的基本组成单元,组件组合可以构建功能强大的页面结构。小程序框架为开发者提供了容器视图    基础内容、表单、导航、多媒体、地图、画布、开放能力等8类(30多个)基础组件。 每一个组件都由一对标签组成,有开始台标签和

    2024年04月11日
    浏览(32)
  • 微信小程序封装组件

    在日常开发中,有页面之间有很多相似的组件,我们可以对其相似的代码块进行封装,进行复用 先在根目录下创建一个component文件夹 在里面创建一个目录wMyTop文件夹,然后右键点击Component创建一个组件输入wMyTop,回车 然后在wMyTop.json中把\\\"component\\\": true,改为true,意思就是开启

    2024年02月09日
    浏览(41)
  • 微信小程序——常见组件

    在小程序中有许多组件,接下来介绍一些常见的组件 目录 常见的视图容器类组件 轮播器组件 常见的基础内容组件 text —— 文本组件,类似于span,属于行内元素 rich-text —— 富文本组件 其他常用组件 button —— 按钮组件 image  —— 图片组件 image-mode的值: navigator  —— 导

    2024年03月18日
    浏览(33)
  • 微信小程序 —— picker 组件, 下拉列表组件

    picker 组件的使用 自定义组件的创建和使用 微信小程序的语法,官方 wxss 库的使用 从底部弹起的滚动选择器 doc: https://developers.weixin.qq.com/miniprogram/dev/component/picker.html 通用属性: 属性 类型 默认值 必填 说明 mode string selector 否 选择器类型 disabled boolean false 否 是否禁用 bindca

    2024年04月27日
    浏览(42)
  • 03-微信小程序常用组件-视图容器组件

    微信小程序组件-视图容器 微信小程序包含了六大组件: 视图容器 、 基础内容 、 导航 、 表单 、 互动 和 导航 。这些组件可以通过WXML和WXSS进行布局和样式设置,从而构建出丰富的小程序界面和交互体验。 其中,视图容器组件包括view和scroll-view等,用于实现页面的结构和

    2024年02月12日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包