SlashLayer Vue3 轻量弹框插件开源项目

我要开发同款
匿名用户2022年06月13日
77阅读
开发技术TypeScript
所属分类Vue组件、Web应用开发、Vue 组件
授权协议MIT

作品详情

Vue3轻量弹框插件

基于VUE3开发的Web弹出层插件内置各种常用尺寸模态框、提示消息等,可以轻松完成后台管理系统等业务表单开发,全身心投入摸鱼事业!

项目特点为了快速开发后台管理系统后期适配移动端和指令式弹框快速开始安装

yarnaddslash-layernpminstallslash-layer全局配置

import{LayerGlobalConfigure}from"../packages/components/Layer/ts/LayerConfigureDefinition";exportconstconfig={title:"自定义全局标题",max:false,//最大化按钮min:false,//最小化按钮header:true,//显示弹出框头部loadingTime:500,//加载效果时长/毫秒dbFull:true,//双击面板顶部最大化最小化//表单自动提交后对响应结果进行破判断successDecide(msg:any){console.log(msg);if(msg.code==200){return{msg:msg.msg,result:true,data:msg.data}}else{return{msg:msg.msg,result:false,data:msg.data}}}}asLayerGlobalConfigureexportdefaultconfig使用

import{createApp}from'vue'importAppfrom'./Doc.vue'importSlashLayerfrom'slash-layer';import{config}from'./LayerConfig';letapp=createApp(App);app.use(SlashLayer,config)app.mount('#app')
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论