微信小程序全局组件注册使用

1.创建 component 全局组件 showToast

2.注册全局组件

在app.json中设置usingComponents

"usingComponents": {"ShowToast": "/components/showToast/index"}

3.在页面中使用全局组件

index.wxml中引入组件并设置Id 方便调用组件内方法

<ShowToast id="ShowToast"></ShowToast>

index.js 获取组件并使用

let wk: any = null
Page({data: {},onLoad() {//获取wk = this.selectComponent("#ShowToast")//使用wk.showToast('hollow')}
})

效果

微信小程序全局组件注册使用相关推荐

微信小程序之组件 —— 微信小程序教程系列（19）
什么是组件: 组件是视图层的基本组成单元. 组件自带一些功能与微信风格的样式. 一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内. <tagname property ...
逆战之微信小程序全局配置
微信小程序之全局配置-1 小程序的配置分为全局配置.页面配置及sitemap 配置全局配置小程序根目录下的 app.json 文件用来对微信小程序进行全局配置.文件内容为一个 JSON 对象,有以 ...
微信小程序子组件使用canvas无效，线条画不出颜色
微信小程序子组件使用canvas无效,线条画不出颜色小程序中在page中直接使用canvas是这样使用的: // canvas 全局配置 var context = null; Page({data ...
一步步教你实现微信小程序自定义组件
一步步教你实现微信小程序自定义组件更新时间:2022年03月21日 11:12:34 作者:naluduo233 之前做小程序开发的时候,对于开发来说比较头疼的莫过于自定义组件了,下面这篇文章主 ...
微信小程序----全局状态管理 (便于全局埋点等操作)
说明由于我是一个有着一颗玻璃心的博主,导致在2018年后博客很少更新.原因是由于我的分享并没有解决到部分人的问题,而导致被骂了.当时这颗玻璃心就碎了,所以这两年以来很是消极,博客很少更新.这里给那些 ...
微信小程序PHP注册,微信小程序教程之注册页面
微信小程序――Page Page()函数用来注册一个页面.接受一个object参数,其指定页面的初始数据.生命周期函数.事件处理函数等. object参数说明: 属性类型描述 data Objec ...
微信小程序-全局数据共享
微信小程序-全局数据共享MobX 1.开发中常用的数据共享方案为了解决组件之间的数据共享,开发中常用的数据共享方案有:Vuex/Redux/MobX等 2.小程序中全局数据共享方案-MobX ...
微信小程序-------全局通信方案mobx
微信小程序-------全局通信方案mobx 微信小程序本身并没有提供类似于vue中的vuex或者React里的Redux这样的全局通信方案,只在组件中有behaviors这样的属性共享机制,用起来也 ...
适配mpvue平台的的微信小程序日历组件mpvue-calendar
mpvue-calendar 基于vue-calendar的适配mpvue平台的的微信小程序日历组件预览安装 npm i mpvue-calendar 使用 import Calendar fro ...

微信小程序全局组件注册使用

微信小程序全局组件注册使用相关推荐

最新文章

热门文章