小程序使用vant框架的Toast步骤

1、第一步在组件中引用 ,备注:如果是component组件则需要在父页面中引用

"van-toast": "@vant/weapp/toast/index"

2、在页面写上标签
备注:如果在子页面使用,则在父页面写入下面的代码,如果不是组件页面则直接在本页面引入

  <van-toast id="van-toast"  custom-class="van-toast-box"/>

3、在使用的页面.js中引入如下代码 备注如果是组件,就在组件对应的js中引用

import Toast from '@vant/weapp/toast/toast'

4、直接使用

 Toast({
    message:‘提示的内容’,
    duration:3000
 });
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值