VUE中Toast经常使用。在使用之前需要在main.js文件中引入。
一般vue脚手架包含了常用的vue模块,就包括了toast。
1.在main.js文件中引入toast模块。由于toast是包含在min-ui中的,因此只需要引入mint-ui。
2.别忘了同时引入样式
3.引入之后对Toast进行声明
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.prototype.$Toast = MintUI.Toast
之后在任何想使用Toast的页面直接使用即可。
this.$Toast('提交成功!')
如果要自定义 提醒文字和持续时间 可以在message 和duraion中自定义
this.$Toast({message:'添加成功',duration:800})