首页 前端知识 小程序使用vant框架的Toast步骤

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

2024-05-20 14:05:19 前端知识 前端哥 532 164 我要收藏

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
 });
转载请注明出处或者链接地址:https://www.qianduange.cn//article/8978.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!