【已解决】vue3+vant 引入Dialog Toast都会失败报错not defined

vant按需引入其他的组件没有问题，但是在引入Dialog时报错not defined.测试中，点击弹出的那个引入也可以，只有Dialog.confirm类似的就会报错，后面测试类似的Toast也是这样。在网上找了好多，都没有具体的解决方法。

后面看到一个帖子给的方法试了下，算是成功了。

我是在main.js里写要引用的组件，这样就可以全局使用了，但是Dialog和Toast上遇到了阻碍，对于这两个，在要使用的地方单独引用就不会报错。

原main.js：

import { Button, Dialog, Popup, Tabbar, TabbarItem,Toast  } from "vant";
import "vant/lib/index.css";
import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";const app = createApp(App); // 创建实例app.use(Popup);
app.use(Dialog);
app.use(Button); // 注册组件
// app.use(Dialog);
app.use(Tabbar);
app.use(TabbarItem);
app.use(Toast);app.use(store);
app.use(router);app.mount("#app");

怀疑这两颜色和别的不一样就是暗示了

现，在要用的页面单独引入：

<template><div></div>
</template><script>
import { Toast,Dialog } from "vant"export default {setup() {Dialog({ message: '提示' });Toast('提示内容');return {};},
};
</script>

【已解决】vue3+vant 引入Dialog Toast都会失败报错not defined相关推荐

已解决（from docx import Document导包报错）ModuleNotFoundError: No module named ‘exceptions‘
已解决(from docx import Document导包报错)ModuleNotFoundError: No module named 'exceptions' 文章目录报错代码报错翻译报 ...
【已解决】gradio 在非本地使用口令报错Connection Error
问题描述 gradio库,launch启动后,在外部使用账号/密码登录后,使用其他功能报错:Connection errored out. 原因 gradio使用账号/密码登录后,其他的网络操作,使用 ...
【已解决】wepy中使用分包加载报错
问题: "xxx.js 出现脚本错误后者未正确调用Page()" 最近看小程序启动时间(性能监控),启动时间比较长,所以考虑使用分包加载. 但在使用过程中遇到" ...
[已解决]“TypeError: Cannot read property ‘xxx‘ of undefined“报错情况分析
这句话直译过来就是:TypeError:无法读取未定义的属性" xxx" 首先去看看属性 'xxx' 有没有定义.没定义的根据实际需求在data中或者方法中定义一下. 1.如果在d ...
ubuntu18.04根目录已满造成开机失败报错Fail to start....
ubuntu根目录已满造成开机失败报错Fail to start- 由于在安装ubuntu系统是手动分区,没有将/usr分区单独划分出来,造成/usr分区实际占用了根目录/.的空间,基本上通过命令安装 ...
php phar包require报错,php,_很奇怪，php 引入了phar，但是报错，说Predis\Client类找不到？，php - phpStudy...
很奇怪,php 引入了phar,但是报错,说Predis\Client类找不到? require 'Predis.phar'; use Predis\Client; ini_set('session. ...
解决使用requests_html模块,html.render()下载chromium报错、速度慢问题
解决使用requests_html模块,html.render()下载chromium报错.速度慢问题参考文章: (1)解决使用requests_html模块,html.render()下载chro ...
解决vs2015使用fopen、fprintf等函数报错的问题
解决vs2015使用fopen.fprintf等函数报错的问题参考文章: (1)解决vs2015使用fopen.fprintf等函数报错的问题 (2)https://www.cnblogs.com/ ...
解决使用mybatis分页插件PageHelper的一个报错问题
解决使用mybatis分页插件PageHelper的一个报错问题参考文章: (1)解决使用mybatis分页插件PageHelper的一个报错问题 (2)https://www.cnblogs.co ...
dependency报红_解决IDEA中Maven依赖包导入失败报红问题(总结最有效8种解决方案)...
问题描述: 真的,说来话长,这应该是我花最多时间去解决关于Maven依赖包导入的问题,以前粘贴复制导入,自动下载成功了, 这次怎么搞,怎么让他自动下载都还是红红的一片, 花了大半天,各种尝试,只为搏得 ...

【已解决】vue3+vant 引入Dialog Toast都会失败报错not defined

【已解决】vue3+vant 引入Dialog Toast都会失败报错not defined相关推荐

最新文章

热门文章