移动开发 \ 微信小程序 \ 微信小程序自定义toast

微信小程序自定义toast

总点击74
简介:在开发小程序时,经常用到toast,而小程序自带的wx.showToast显示字数有限制(好像超出7个汉字就不能显示了),因此自己摸索着,也参考网上的资源自己使用自定义组件做了一个自定义的toast,有需要的可以参考下。

在开发小程序时,经常用到toast,而小程序自带的wx.showToast 显示字数有限制(好像超出7个汉字就不能显示了),因此自己摸索着,也参考网上的资源 自己使用自定义组件 做了一个自定义的toast,有需要的可以参考下。


一,新建一个components 文件夹 专门存放自定义的组件 

微信小程序自定义toast

二,在index页面的index.json中 配置 使用组件

微信小程序自定义toast

三,在index页面index.wxml页面中放置组件

微信小程序自定义toast

四,在index.js中 onload的时候 引入组件对象 ,后面通过这个对象调用组件里的方法

微信小程序自定义toast

五,演示

微信小程序自定义toast

意见反馈 常见问题 官方微信 返回顶部