全局引入vant后使用Toast没有生效的问题
分类:计算机 | 前端 | 综合 770
更新:2022-12-05 00:12:06编辑
最近在项目中用到了vant的轻提示控件Toast,按照官方的描述使用vant中的Toast,如下:
1、引入:
import Vue from 'vue';
import { Toast } from 'vant';
Vue.use(Toast);
2、使用:
Toast.success('成功文案');
Toast.fail('失败文案');
但是这样使用是没有效果的,会报错“没有找到Toast”,当全局引入 vant 时候,直接使用 Toast('提示内容') 不会弹出提示框;
应该这样使用:
this.$toast.success("成功文案");
this.$toast.fail("失败文案");
猿导航
阅读排行榜
- 1vue和el-table使用经验-如何刷新表格数据10986
- 2three.js加载3D瓦片和3dtiles数据生成交互式地图的开源项目9541
- 3Microsoft Visual C++ Redistributable是什么,有什么作用?7317
- 4mybatis使用经验——mybatis-spring-boot-starter和mybatis的版本对应关系表(持续更新~)5909
- 5uni-app使用经验—vue页面和html页面如何互相调用接口并传参5517
- 6Intellij IDEA下的版本控制VCS的启用与关闭4954
- 7Spring学习经验—@ResponseBody注解的使用说明4923
- 8Druid异常解决经验—java.sql.SQLException url not set4546
- 9如何用批处理命令(bat脚本)启动和停止windows服务4348
- 10nuxt.js项目中如何添加和使用全局变量4188
- 11解决SpringBoot使用maven下载不了jar包的问题3522
- 12linux中解压tar.gz文件报错“gzip: stdin: invalid compressed data--format violated”3432
- 13nuxtjs asyncData使用经验—如何发起多个axios请求并携带参数3269
- 14在Nuxt.js项目的head中引用外部js文件3114
- 15在NVIDIA控制面板设置参数时提示“拒绝访问 无法应用选定的设置到您的系统”的解决方法之一3088