基于vue的弹窗插件vuemessage

一款基于vue的弹窗插件vuemessage，点击页面的文字链接即可看到弹窗效果，可点击“关闭”按钮来关闭弹窗，点击“确定”按钮则调用心的提示内容。

分类：悬浮层/弹出层 > 弹窗难易：初级

查看演示下载资源下载积分： 20 积分

页面的head部分，需远程调用vue.min.js，并引入弹窗的JS文件，代码如下：

<script src="http://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
<script type="text/javascript" src="js/vue-messagebox-demo.js"></script>

页面的body部分，仅需设置一个弹窗触发按钮即可，代码如下：

<div id="app">
    <a href="javascript:;" @click="toast">点击弹出messageBox</a>
</div>

页面的底部，实例化Vue弹窗，并设置好相关参数内容，代码如下：

new Vue({
    el:'#app',
    methods:{
        toast:function(){
            this.$messagebox.show({'title':'弹窗插件vuemessage','describe':'本插件基于vue，可带回调参数。'},{cb:function () {
                alert('点击确认以后的回调')
            },buttonName:['关闭','确定']});
        }
    }
})