vue项目elementui刷新页面弹窗问题

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 和 Message
  Vue.component(MessageBox.name, MessageBox);
  Vue.prototype.$message = Message;