学无先后，达者为师

网站首页 Vue 正文

全局引入vant后使用Toast的问题及解决_vue.js

作者：小个子菇凉更新时间： 2022-07-25 Vue

目录

全局引入vant后使用Toast问题

1.Toast 的使用（官方）
2.问题
3.解决

小程序中引入vant-weapp toast组件踩坑(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" />

原文链接：https://blog.csdn.net/weixin_52688746/article/details/115392902

上一篇：springboot vue测试平台接口定义前后端新增功能实
下一篇：springboot vue接口测试前端动态增删表单功能实现

相关推荐

2022-12-21 Redis RDB与AOF持久化方式详细讲解_Redis
2022-12-27 C++实现STL迭代器萃取的示例代码_C 语言
2022-10-17 Matlab实现带竖线散点的核密度图的绘制_C 语言
2022-06-11 shell编程中for循环语句的实现过程及案例_linux shell
2022-10-12 Docker部署搭建WebDav服务的详细过程_docker
2022-04-27 bash shell获取当前脚本的绝对路径(pwd/readlink)_linux shell
2022-03-22 C++计算圆形、矩形和三角形的面积_C 语言
2022-01-30 VSCode标签内的代码块无法折叠问题解决

栏目分类

最近更新