node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

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: '确定'
        }
    })
 
// 其他弹窗和方式和上面一样

效果图

image