|
npm i --save vue-layer |
|
import layer from ‘vue-layer‘
import ‘vue-layer/lib/vue-layer.css‘
Vue.prototype.$layer = layer(Vue);
|
|
this.$layer.confirm(`html内容`, {
btn: [‘确定‘,‘取消‘] ,//按钮
area:[‘400px‘,‘280px‘],
title:"修改处方",
},
|
|
this.$layer.confirm(‘您是如何看待前端开发？‘, {
btn: [‘重要‘,‘奇葩‘] //按钮
}, function(){
that.$layer.closeAll();
that.$layer.msg(‘的确很重要‘, {icon: 1});
}, function(){
that.$layer.closeAll();
that.$layer.msg(‘也可以这样‘,
{
time: 1000, //20s后自动关闭
btn: [‘明白了‘, ‘知道了‘], //btn不起作用，待修改
}
);
});
|
|
this.$layer.msg(111)；
this.$layer.alter(111)
|
|
{
type: 0
title: ‘信息‘
content: ‘‘
area: ‘auto‘
offset: ‘auto‘
icon: -1
btn: ‘确定‘
time: 0
shade: true
yes: ‘‘
cancel: ‘‘
tips:
tipsMore: false
shadeClose: true
maxmin: true
scrollbar: true
resize: false //是否允许拉伸，默认是不允许
}
|
注：vue-layer-npm官网：https://www.npmjs.com/package/vue-layer，
layer官网：https://layer.layui.com/
在vue-layer中layer.open无法使用
原文：https://www.cnblogs.com/wangyue6/p/13050847.html