全局引入 vant 后使用 Toast 的问题

Toast 的使用（官方）：1.1引入import Vue from 'vue';import { Toast } from 'vant';Vue.use(Toast);1.2 使用Toast('提示内容')问题：当全局引入 vant 时候，直接使用 Toast('提示内容')不会弹出提示框；解决：全局引入vant 的时候组件中使用this.$toast('提示内容')...

超级_小菜鸟

6062人浏览 · 2021-04-02 10:41:42

超级_小菜鸟 · 2021-04-02 10:41:42 发布

Toast 的使用（官方）：

1.1 引入

import Vue from 'vue';
import { Toast } from 'vant';
Vue.use(Toast);

1.2 使用

Toast('提示内容')

问题：当全局引入 vant 时候，直接使用 Toast('提示内容') 不会弹出提示框；
解决：全局引入vant 的时候组件中使用
```
this.$toast('提示内容')
```

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^