VUE用layer实现弹出提示框

效果图

VUE用layer实现弹出提示框_第1张图片

步骤如下:

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代码

  • 归还
  • js代码

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


     

    你可能感兴趣的:(VUE)