使用vant的Toast组件时提示not defined

使用vant的Toast组件时提示not defined
今天在使用vant时候全局注册Toast 组件内使用Toast报错

按照官方文档引入全局Toast组件,在methods里面定义函数执行函数时产生了报错:

onClickIcon() {
Toast("点击图标");
},

解决方法:
将Toast更改为this.$toast即可

onClickIcon() {
this.$toast("点击图标");
},

引入 Toast 组件后,会自动在 Vue 的 prototype 上挂载 $toast 方法,便于在组件内调用。
或者组件内引用

import{Toast}from 'vant';

在methods方法中使用

onClickIcon() {
Toast("点击图标");
},
原文地址:https://www.cnblogs.com/zhangyezi/p/13294013.html