鍍金池/ 問答/HTML/ 想在vue main.js里面用this.$message('消息');

想在vue main.js里面用this.$message('消息');

想在vue main.js里面用elementUI的this.$message('消息');
改成Vue.$message('發(fā)出');也不執(zhí)行,該怎么寫

回答
編輯回答
伐木累

elementUI其他的功能可以使用嗎?你這樣的使用有報錯嗎?

2018年3月8日 07:57
編輯回答
冷咖啡

在main.js里面是沒辦法用this.$message的這種方法的,this這時候指向的是window,你又沒給window注冊這個方法

這時候單獨(dú)引入就可以了

import { Message } from 'element-ui';

引用:Message(options)
帶狀態(tài)圖標(biāo)的引用:Message.success(options)
手動關(guān)閉:Message.closeAll()

2017年6月19日 02:21
編輯回答
冷咖啡

我這樣使用沒問題,你的有報錯嗎?

import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(Element)


this.$message.error('賬號和密碼不能為空')
2018年1月9日 23:18
編輯回答
硬扛
import Vue from 'vue';
import { Message } from 'element-ui';

 Vue.prototype.$message = Message;
2017年6月13日 02:56