vue-better-messagebox

What is it

为vue提供的仿原生ios message弹窗钻进

安装

npm install vue-better-messagebox --save

使用

vue main.js 入口文件

import {Alert, Confirm, Toast} from 'vue-better-messagebox'

// 使用该插件

Vue.use(Alert)
Vue.use(Confirm)
Vue.use(Toast)

使用

    this.$alert('title', {
        title: '提示',
        btn: {
            text: '确定'
        }
    })
    .then(()=>{
        this.$toast('你点击了确定');
    })
// 更简单的弹窗
    this.$alert('title', {
        title: '提示',
        btn: {
            text: '确定'
        }
    })

// 其他弹窗和方式和上面一样

效果图