vant中的toast轻提示实现代码


Posted in Javascript onNovember 04, 2020

在main.js中按需引入

import {
 Toast
} from 'vant
Vue.use(Toast)

页面中的methods中使用

send(name, img) {
  let msg = `${this.Cname}送${name}1`;
  this.$toast({
  message: msg,
  icon: img
  });
 },

补充知识:Vant的Toast 轻提示API文档不准确解决方案

开发企业微信应用使用Vant组件库过程中,想要用到轻提示Toast,发现API文档无法使用:

想要使用这个提示:

vant中的toast轻提示实现代码

复现:

vant中的toast轻提示实现代码

vant中的toast轻提示实现代码

点击按钮后,就会报出这些错误...难道是API文档错了、

后来发现应该这样使用:

vant中的toast轻提示实现代码

vant中的toast轻提示实现代码

以上这篇vant中的toast轻提示实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript 面向对象 重载
May 13 Javascript
利用谷歌地图API获取点与点的距离的js代码
Oct 11 Javascript
JavaScript获取页面中超链接数量的方法
Nov 09 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
BootStrap与validator 使用笔记(JAVA SpringMVC实现)
Sep 21 Javascript
jquery 判断是否支持Placeholder属性的方法
Feb 07 Javascript
微信小程序 自定义Toast实例代码
Jun 12 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
Sep 12 Javascript
vue-router history模式下的微信分享小结
Jul 05 Javascript
详解vue-cli@2.x项目迁移日志
Jun 06 Javascript
使用VueCli3+TypeScript+Vuex一步步构建todoList的方法
Jul 25 Javascript
学习 Vue.js 遇到的那些坑
Feb 02 Vue.js
JavaScript快速调试的两个技巧
Nov 04 #Javascript
如何实现小程序与小程序之间的跳转
Nov 04 #Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 #Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
Nov 04 #Javascript
Vue获取微博授权URL代码实例
Nov 04 #Javascript
基于vue实现微博三方登录流程解析
Nov 04 #Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 #Javascript
You might like
destoon在各个服务器下设置URL Rewrite(伪静态)的方法
2014/06/21 Servers
如何让搜索引擎抓取AJAX内容解决方案
2014/08/25 PHP
php中使用session_set_save_handler()函数把session保存到MySQL数据库实例
2014/11/06 PHP
session 加入redis的实现代码
2016/07/15 PHP
PHP缩略图生成和图片水印制作
2017/01/07 PHP
Javascript延迟执行实现方法(setTimeout)
2010/12/30 Javascript
基于jquery的监控数据是否发生改变
2011/04/11 Javascript
iphone safari不支持position fixed的解决方法
2012/05/04 Javascript
js中apply方法的使用详细解析
2013/11/04 Javascript
NodeJS url验证(url-valid)的使用方法
2013/11/18 NodeJs
动态的绑定事件addEventListener方法的使用
2014/01/24 Javascript
点击button获取text内容并改变样式的js实现
2014/09/09 Javascript
Javascript必知必会(四)js类型转换
2016/06/08 Javascript
JavaScript获取键盘按键的键码(参照表)
2017/01/10 Javascript
微信小程序 简单教程实例详解
2017/01/13 Javascript
Webpack执行命令参数详解
2017/06/17 Javascript
浅析JS中常用类型转换及运算符表达式
2017/07/23 Javascript
js设置随机切换背景图片的简单实例
2017/11/12 Javascript
js判断文件类型大小并给出提示的实现方法
2018/01/03 Javascript
vue-cli脚手架-bulid下的配置文件
2018/03/27 Javascript
JavaScript之实现一个简单的Vue示例
2019/01/17 Javascript
基于wxpython实现的windows GUI程序实例
2015/05/30 Python
Python的自动化部署模块Fabric的安装及使用指南
2016/01/19 Python
利用python爬取斗鱼app中照片方法实例
2017/12/03 Python
Python3爬虫之urllib携带cookie爬取网页的方法
2018/12/28 Python
Python中six模块基础用法
2019/12/08 Python
幼儿园春游活动方案
2014/01/19 职场文书
男女朋友协议书
2014/04/23 职场文书
大学军训的体会
2014/11/08 职场文书
2014年人事行政工作总结
2014/12/03 职场文书
2015年度党风廉政建设工作情况汇报
2015/01/02 职场文书
城管个人总结
2015/02/28 职场文书
2015年教导处教学工作总结
2015/07/22 职场文书
合理缓解职场压力,让你随时保持最佳状态!
2019/06/21 职场文书
你知道哪几种MYSQL的连接查询
2021/06/03 MySQL
MySQL系列之四 SQL语法
2021/07/02 MySQL