mint-ui中messagebox的使用

效果图:

代码:

 

// 安装
# Vue 1.x
npm install mint-ui@1 -S
# Vue 2.0
npm install mint-ui -S

 

// 引入全部组件
import Vue from 'vue';
import Mint from 'mint-ui';
Vue.use(Mint);
// 按需引入部分组件
import { Cell, Checklist } from 'mint-ui';
Vue.component(Cell.name, Cell);
Vue.component(Checklist.name, Checklist);

//删除弹框
        handledelete(){
            this.$messagebox({
              title: '提示',
              message: '确定删除该选项吗',
              showCancelButton: true,
              confirmButtonText:"确定",
              cancelButtonText:"取消"
            }).then(action => {
              if(action == 'confirm'){
                console.log('确定')
              }else{
                console.log('取消')
              }
          })
        }

mint-ui官网链接:http://mint-ui.github.io/docs/#/en2/message-box