今天给大家分享的是Vue3系列之自定义桌面端对话框组件v3layer。

V3Layer 基于

弹出层提交表单的js

layer.open({
	type : 2,
	title : '添加权限',
	area : [ '500px', '450px' ],
	offset : '160px',
	shadeClose : true, // 点击遮罩关闭
	btn : ['保存','取消'],
	content : 'permission_add.html',
	success : function(layero, index) { // 成功弹出后回调
		
	},
	yes : function(index, layero) { // 保存按钮回调函数
	    // 获取iframe层的body
	    var body = layer.getChildFrame('body', index);
	    // 找到隐藏的提交按钮模拟点击提交
	    body.find('#permissionSubmit').click();
	},
	btn2 : function(index, layero) { // 取消按钮回调函数
		layer.close(index); // 关闭弹出层
	}
});
	

引言

在前后端分离的架构中，前端负责与用户交互，而后端处理业务逻辑。若依框架，作为一款基于Spring Boot的快速开发平台，为开发者提供了高效、便捷的开发体验。然而，在处理用户输入时，如何优雅地实现多值输入，特别是在使用LayerUI的layer.prompt组件时，是一个值得探讨的话题。本文将带你一起探索这一问题的解决方案。