vue为什么在入口文件引入了mintUI但是在组件中使用不了呢?

3521200
  • 353

我已经在入口文件全局引入了 为什么还提示'Toast' is not defined

import Mint from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(Mint)
test () {
  Toast('提示信息')
}
回复
阅读 3k
2 个回答
✓ 已被采纳

你看下面它的源码,Vue.use其实调用的就是这个install函数,函数内把Toast挂在了Vue和Vue的原型上,所以调用方式就应该是以下几种方式:

this.$toast(Vue组件内部)
Vue.$toast
Vue.prototype.$toast

并不能直接调用Toast,除非你在使用的地方单独解构导入Toast。
clipboard.png

我也没用过Mint-UI。但UI框架应该差不多。
你可以试试
main.js全局引入的话,你在子组件中使用this.$Toast('提示信息')试试。

如果你执意要直接用Toast('...')的话,先在组件中引入Toast。
import {Toast} from 'mint-ui'

宣传栏