按需引入组件 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: '取消设置'
});
});
}