vue中使用vant的Toast 轻提示报错

vue中使用vant组件库记录一下今天使用vant中的Toast 轻提示，按照官方文档中的方法去使用发现报错使用不了。文档中是这样写的Toast.success('成功文案');Toast.fail('失败文案');main.js中引用vant后直接调用Toast报错。实际使用是这样写this.$toast.success("成功文案");this.$toast.fail("失败文案");和调用路

苏艾格

3746人浏览 · 2021-09-16 10:01:52

苏艾格 · 2021-09-16 10:01:52 发布

vue中使用vant组件库的Toast 轻提示

记录一下今天使用vant中的Toast 轻提示，按照官方文档中的方法去使用发现报错使用不了。
文档中是这样写的

Toast.success('成功文案');
Toast.fail('失败文案');

main.js中引用vant后直接调用Toast报错。
实际使用是这样写

this.$toast.success("成功文案");
this.$toast.fail("失败文案");

和调用路由一样需要this点出来。

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}$/, //不连续的两位字母// /^