在小程序里引入使用Toast

项目需求：想要在info页面使用Toast组件

1.引入

全局引入（推荐）

在app.json中引入组件，

{
  "usingComponents": {
      "van-toast": "@vant/weapp/toast/index"
  }
}

局部引入

在info.json中引入组件，

{
  "usingComponents": {
      "van-toast": "@vant/weapp/toast/index"
  }
}

2.在info.wxml中使用

  <!-- 轻提示 -->
  <van-toast id="van-toast" />

3.在info.js导入toast并使用

import Toast from '@vant/weapp/toast/toast';
Page({
  /**
   * 页面的初始数据
   */
  data: {
  },
  /**
   * 方法
   */
  validateInfo1() {
    if(!this.data.info.name) {
      Toast.fail('名字不能为空！')
      return false 
    }
    return true
  },
})