vue:使用toast

配置axios.js使用toast时需要单独引入Toast,只能清除当前文件的的toast而无法清除.vue页面使用的$toast(因为是vue实例)

//1. 挂在vue实例的prototype上

import { Toast } from 'mint-ui'

Vue.prototype.$toast = Toast

//home.vue等vue文件使用

    this.$toast({
      message: '1234',
      position: 'midlle',
      duration: 3000
    })

// 2. 单独引入

	import { Toast } from 'mint-ui'
	
	let instance = ''
	instance = instance !== '' ? instance.close() : ''
    console.log(instance)
    instance = Toast({
      message: ‘xiaoxi’,
      position: 'middle',
      duration: 3000
    })

你可能感兴趣的:(vue)