VUE用layer实现弹出提示框
效果图步骤如下:1.安装vue-layernpm install vue-layer2.引入layerimport Vant from 'vant';import layer from 'vue-layer'Vue.prototype.$layer = layer(Vue);3.在页面中使用layer实现弹出提示框html代码<li class="...
·
效果图
步骤如下:
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('已取消');
})
}
更多推荐
已为社区贡献5条内容
所有评论(0)