vant中的toast轻提示实现代码
更新时间：2020年11月04日 14:58:13 作者：HarryHY
这篇文章主要介绍了vant中的toast轻提示实现代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在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文档无法使用:
想要使用这个提示：
复现：
点击按钮后，就会报出这些错误...难道是API文档错了、
后来发现应该这样使用：
以上这篇vant中的toast轻提示实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue的v-model是一个十分强大的指令,它可以自动让原生表单组件的值自动和你选择的值绑定,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
今天小编就为大家分享一篇关于在Vue项目中引入JQuery-ui插件的讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
这篇文章主要介绍了Vue实现靠边悬浮球(PC端)效果，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-05-05
这篇文章主要介绍了vue-cli4项目开启eslint保存时自动格式的问题小结，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-07
vue项目在打包时,如何去掉所有的console.log输出
这篇文章主要介绍了vue项目在打包时,如何去掉所有的console.log输出，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
vite创建vue3项目页面引用public下js文件失败解决办法
Vue3相较于之前的版本有了不少变化,如引用全局Js文件,这篇文章主要给大家介绍了关于vite创建vue3项目页面引用public下js文件失败的解决办法,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了vant的picker组件设置文字超长滚动方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
Vue3中实现二维码生成需要使用第三方库来处理生成二维码的逻辑,常用的库有 qrcode和 vue-qrcode,本文主要介绍了Vue3中使用qrcode库实现二维码生成,感兴趣的可以了解一下2023-12-12
debounce是lodash工具库中的一个非常好用的函数。这篇文章主要介绍了Vue.js页面中有多个input搜索框如何实现防抖操作,需要的朋友可以参考下2019-11-11
vue3中storeToRefs让store中的结构出来的数据也能变成响应式(推荐)
这篇文章主要介绍了vue3中storeToRefs让store中的结构出来的数据也能变成响应式,本文通过实例代码给大家介绍的分需要的朋友可以参考下2024-09-09
最新评论