网站首页 > gitee 正文

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

sanyeah 2024-03-29 15:20:39 gitee 13 ℃ 0 评论

使用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("点击图标");
},