Toast


一种无焦点的消息提示框,显示一段时间后会自行消失,多用于主动操作后的反馈提示。

基本用法
传入提示内容文字和显示时长两个参数
  1. this.$toast(msg,during);
传入一个参数对象(唯一)
  1. this.$toast(object);
示例
  1. export default {
  2. methods:{
  3. showToast(msg,during){
  4. this.$toast(msg,during);
  5. },
  6. showToast2(){
  7. //以对象形式传参支持传入一个id,id相同的Toast共享一个实例对象
  8. this.$toast({
  9. msg:'我传了一个对象,包括id属性值,显示位置不居中,多行文字居左展示',
  10. id:'demo',
  11. center:false, //Toast位置不居中(默认居中)
  12. textAlignCenter:false,//多行文字居左展示(默认居中)
  13. fontSize:0.24, //字号单位rem
  14. bgColor:'rgba(0,0,0,.6)', //背景颜色
  15. bottom:1 //距窗口底部距离(单位rem),不居中展示时有效
  16. });
  17. },
  18. showToast3(){
  19. this.$toast({
  20. msg:'我传了一个对象,且id值与上一个示例的id值相同,将与上一个示例共享一个实例',
  21. id:'demo'
  22. });
  23. }
  24. }
  25. }
Options
参数说明类型默认值可选值
msg提示文字String
during展示时长(单位毫秒)Number3000
object.msg提示文字String
object.during展示时长(单位毫秒)Number3000
object.customClass新增一个自定义classString''
object.centerToast位置是否居中Booleantrue
object.bottomToast距窗口底部距离(单位rem)Booleantrueobject.center为false时生效
object.textAlignCenter文字折行时是否居中展示,默认居中Booleantrue值为false时居左
object.fontSize文字大小(单位rem)Number0.28
object.bgColor背景颜色String'rgba(0, 0, 0, 0.7)'