VUE用layer实现弹出提示框

效果图

步骤如下：

1.安装vue-layer

npm install vue-layer

2.引入layer

import Vant from 'vant';
import layer from 'vue-layer'
Vue.prototype.$layer = layer(Vue);

3.在页面中使用layer实现弹出提示框

html代码

<li class="return" @click="returnRoom">归还</li>

js代码

returnRoom:function () {
            let that=this;
            this.$layer.confirm('确定归还该琴房吗?', {
              btn: ['确定','取消']     //按钮
            }, function(){           //点击确定访问后台
              that.$layer.closeAll();
            }, function(){   	//点击取消则中断操作
              that.$layer.closeAll();
              that.$layer.msg('已取消');
            })
          }