小程序中怎么引入wepy.js第三方toast组件

Posted 周小姐

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序中怎么引入wepy.js第三方toast组件相关的知识,希望对你有一定的参考价值。

1.先安装组件
npm install wepy-com-toast --save
2.引入wepy和toast

    import wepy from 'wepy'
    import Toast from 'wepy-com-toast'

3.在组件里面去定义

       components = {
            toast: Toast,
            purchaselist:purchaseList,
            reportlist:reportList,
        }

4.去定义图标以及文字

      toast (title) {
            let promise = this.$invoke('toast', 'show', {
              title: title,
              img: ''
            })

            promise.then((d) => {
              // console.log('toast done')
            })
        }

以上是关于小程序中怎么引入wepy.js第三方toast组件的主要内容,如果未能解决你的问题,请参考以下文章

vant组件库 vue及小程序

vant 小程序踩坑之Toast

微信小程序引入第三方UI组件

微信小程序中使用vant组件库(超详细)

微信小程序(或uniapp)引入腾讯视频插件播放视频

Vant Weapp小程序蹲坑之使用toast组件