广州凡科互联网科技有限公司

营业时间
MON-SAT 9:00-18:00

全国服务热线
18720358503

公司门店地址
广州市海珠区工业大道北67号凤凰创意园

微信小程序免费制作_vue项目中使用vue

日期:2021-01-05 浏览:
vue项目中使用vue-layer弹框插件的方法       这篇文章主要介绍了vue项目中使用vue-layer弹框插件的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

安装

npm i --save vue-layer

引用

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

参数说明

 type: 0, //0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(ti凡科抠图层)
 title: '信息',
 content: '',
 area: 'auto',
 offset: 'auto',
 icon: -1,
 btn: '确定',
 time: 0,
 shade: true,//是否显示遮罩
 yes: '',
 cancel: '',
 ti凡科抠图: [0,{}],//支持上右下左四个方向,通过1-4进行方向设定,可以设定ti凡科抠图: [1, '#c00']
 ti凡科抠图More: false,//是否允许多个ti凡科抠图
 shadeClose: true,//点击遮罩是否关闭
}

方法

 layer.alert(content, [options, yes]);
 // options和yes可以省略, 如果您不愿意写options,则可以直接写确定按钮的函数,即yes
 // content 可以为html
layer.confirm(content, [options, yes, cancel]);
 // options,yes和cancel可以省略, 如果您不愿意写options,则可以直接写确定按钮的函数,即yes,或者覆盖默认的cancel方法。凡科抠图:yes和cancel方法不能互换
 //content 可以为html
layer.msg(content, [options, end]);
 // options和end可以省略, 如果您不愿意写options,则可以直接写时间到期的回调即可,即end方法
 // 默认msg的关闭时间为1.5秒
 // content 可以为html
layer.ti凡科抠图(content, follow, options);
//content 可以为html
//follow对css选择器,用来定位目标
layer.iframe({
 content: {
 content: componentName, //传递的组件对象
 parent: this,//当前的vue对象
 data:{}//pro凡科抠图
 area:['800px','600px'],
 title: 'title'
// ponentName的pro凡科抠图,同时 该方法会自动添加一个key为layerid的值, 该值为创建层的id, 可以直接用来关闭该层
// options参数直接写到json里即可,比如title

总结

到此这篇关于vue项目中使用vue-layer弹框插件的方法的文章就介绍到这了,更多相关vue vue-layer弹框插件内容请搜索凡科以前的文章或继续浏览下面的



新闻资讯

联系方式丨CONTACT

  • 全国热线:18720358503
  • 传真热线:18720358503
  • Q Q咨询:2639601583
  • 企业邮箱:2639601583@qq.com

首页
电话
短信
联系