vue.js - vue2.0中我在main.js中导入了MintUI，但是在子组件中我在使用Toast的时候，提示我Toast未定义

问题描述

问 题

vue2.0中我在main.js中导入了MintUI，但是在子组件中我在使用Toast的时候，提示我Toast未定义

main.js

import Vue from 'vue'
import App from './App'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'
import store from './vuex/store'
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
import Vuerify from 'vuerify'

Vue.use(VueRouter)
Vue.use(VueResource)
Vue.use(MintUI)
Vue.use(Vuerify)

login.vue

<template>
  <mt-button v-if="inputCheck" type="primary" size="large" @click.native.prevent='handleSubmit'> 
</template>
<script>
export default {
  methods: {
    handleSubmit () {
      Toast(data.retMsg)
    }
  }
}
</script>

解决方案

http://mint-ui.github.io/docs/#!/zh-cn2/toast

你要引入 Toast，他并不是一个全局变量

import { Toast } from 'mint-ui'

或者有提供一个实例上的方法，通过 vm.$toast 调用

{
    handleSubmit () {
      this.$toast(data.retMsg)
    }
}

这篇关于vue.js - vue2.0中我在main.js中导入了MintUI，但是在子组件中我在使用Toast的时候，提示我Toast未定义的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！