mint-ui中messagebox的使用

最新推荐文章于 2023-01-18 14:28:25 发布

weixin_30339457

最新推荐文章于 2023-01-18 14:28:25 发布

阅读量103

点赞数

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/520BigBear/p/11394365.html

版权

效果图:

代码:

// 安装
# 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

转载于:https://www.cnblogs.com/520BigBear/p/11394365.html