vue element-ui MessageBox按需调用

按需引入组件 MessageBox的使用方法

main.js

import { Button,MessageBox  } from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(Button)

Vue.component(MessageBox.name, MessageBox)
Vue.prototype.$message = MessageBox

在页面使用

html

<el-button type="text" @click="changeLanguage()">切换</el-button>

js

changeLanguage() {
				this.$message.confirm('是否要切换语言', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning',
					center: true
				}).then(() => {
					
					this.$message({
						type: 'success',
						message: '设置成功!'
					});
				}).catch(() => {
					this.$message({
						type: 'info',
						message: '取消设置'
					});
				});
			}