bug:每次刷新页面都有这个鬼弹窗。
刚开始以为是自己的代码问题,于是我翻遍了每一行代码,硬是没找出问题。
后来在网上找了些资料,原来是引入的问题。
解决方案:
改一下引入方式即可。
错误姿势
import Vue from 'vue'import {Button ,Form, FormItem, Input, // Message, Container, Header, Aside,Main,Menu,Submenu,MenuItemGroup,MenuItem,Breadcrumb,BreadcrumbItem,Card,Row,Col,Table,TableColumn,Switch,Tooltip,Pagination,Dialog,MessageBox,Upload,Icon,
} from 'element-ui';Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)
// Vue.use(Message)
Vue.use(Container)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)
Vue.use(Menu)
Vue.use(Submenu)
Vue.use(MenuItemGroup)
Vue.use(MenuItem)
Vue.use(Breadcrumb)
Vue.use(BreadcrumbItem)
Vue.use(Card)
Vue.use(Row)
Vue.use(Col)
Vue.use(Table)
Vue.use(TableColumn)
Vue.use(Switch)
Vue.use(Tooltip)
Vue.use(Pagination)
Vue.use(Dialog)
Vue.use(MessageBox)
Vue.use(Upload)
Vue.use(Icon)
// Vue.prototype.$message = Message;
// Vue.prototype.$confirm = MessageBox.confirm
Vue.component(MessageBox.name, MessageBox);
正确姿势
import Vue from 'vue'import {Button,Form,FormItem,Input,Container,Header,Aside,Main,Menu,Submenu,MenuItemGroup,MenuItem,Breadcrumb,BreadcrumbItem,Card,Row,Col,Table,TableColumn,Switch,Tooltip,Pagination,Dialog,MessageBox,Upload,Icon,Message // 引入 Message 组件} from 'element-ui';// 注册组件[Button, Form, FormItem, Input, Container, Header, Aside, Main, Menu, Submenu, MenuItemGroup, MenuItem, Breadcrumb, BreadcrumbItem, Card, Row, Col, Table, TableColumn, Switch, Tooltip, Pagination, Dialog, MessageBox, Upload, Icon].forEach(component => {Vue.component(component.name, component);});// 注册 MessageBox 和 MessageVue.component(MessageBox.name, MessageBox);Vue.prototype.$message = Message;