在学习vue3 练习项目时,按需引入了vant组件中的轻提示Toast组件,Toast()调用时,运行时报了is not a function,见下图
先前代码如下:
在组件中单独引入了Toast
import { Toast } from 'vant';
使用:
const onSubmit = () => {
Toast.success('提交')
}
问题原因:是vant版本的问题,Toast()的方法是vant3版本的写法,但后来检查了一下package.json,安装的是vant4版本的,vant4中的写法改成了showToast()方法,改正过来就可以使用了
改正过来之后的代码:
引用:
import { showSuccessToast } from 'vant';
使用:
const onSubmit = () => {
showSuccessToast('提交')
}
运行就可以正确显示了
vant4的Toast轻提示官网地址:vant4的Toast使用