全局引入vant后使用Toast的问题及解决
更新时间:2022年05月26日 15:11:01 作者:小个子菇凉
这篇文章主要介绍了全局引入vant后使用Toast的问题及解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
全局引入vant后使用Toast问题
1.Toast 的使用(官方)
1.1 引入
import Vue from 'vue'; import { Toast } from 'vant'; Vue.use(Toast);
1.2 使用
Toast('提示内容')
2.问题
当全局引入 vant 时候,直接使用 Toast('提示内容') 不会弹出提示框;
3.解决
全局引入vant 的时候 组件中使用
this.$toast('提示内容')
小程序中引入vant-weapp toast组件踩坑(Toast不显示)
引入方法
import Toast from '../../vant-weapp/toast/toast';
文件结构:
直接按照官方的引入的话可能存在路径问题.
官方:
还需要注意的就是要在wxml中写上:<van-toast id="van-toast" />不然也不会有弹窗.
<van-toast id="van-toast" />
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
解决ant design vue中树形控件defaultExpandAll设置无效的问题
这篇文章主要介绍了解决ant design vue中树形控件defaultExpandAll设置无效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10Vue+Echarts报错Cannot set properties of undefined (settin
这篇文章主要介绍了Vue+Echarts报错Cannot set properties of undefined (setting ‘plate‘)的问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-08-08Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
这篇文章主要介绍了Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能,结合实例形式详细分析了Vue + Node.js + MongoDB基于图片上传组件实现图片预览和删除功能相关操作技巧,需要的朋友可以参考下2020-04-04
最新评论