记一次Layui组件渲染问题

最新推荐文章于 2023-06-13 21:55:50 发布
最新推荐文章于 2023-06-13 21:55:50 发布
阅读量470 收藏
点赞数 1
分类专栏： 做开发的各种土亢
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45822970/article/details/109873880
版权

之前做一个项目，现在还在维护，遇到了几个前端问题，用的是Layui框架，组件渲染，例如勾选框，树形图等都存在ajax拿到数据渲染不出的问题，暂时用延时渲染这种“馊主意”马虎地解决。

目前不知道是什么原因，只知道这些东西应该不是原生js写的，导致渲染失败，我现在准备换其他的前端框架，不知道能不能解决问题

这个是时有时无，后面换用原生的checkbox就不会出现这问题，但使用原生的又不太好看

在这里插入图片描述

这个树拿到数据之后如果不延时1-2秒根本显示不了，但是我这个前端菜鸡脱离了框架也做不出来这个树！
在这里插入图片描述

毕竟是做后端，想要快速搭建一个好看的前端，但是这些组件又存在大问题。做后端想入坑的老哥们一定要谨慎使用这些组件！希望后面有大牛看到这篇博客能够提出更好的方案解决

来自大山深处的Doge_
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈layui使用模板引擎动态渲染元素要注意的问题
10-16
今天小编就为大家分享一篇浅谈layui使用模板引擎动态渲染元素要注意的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
利用layui实现分页及table列表数据的编辑与删除渲染
月来better
09-14 466
表格数据是我自己写的，不是从后台接口获取的 HTML部分： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="./assets/layui/css/layui.css"> <link rel="stylesheet" href="./css/page.cs
SQL执行计划十大参数解析& SQL语句执行顺序 & 一条查询语句在MySQL中是如何工作的
Be_insighted的博客
09-07 782
数据库系统命令查看各项性能指标 show status; show variables; 优化sql时需要知道sql语句的执行顺序，平时写SQL的时候： select distinct... from... join...on...where...group by...having...order by...limit... 而实际数据库引擎在真正解析时，按 from...on...join...where...group by...having...select distin.
关于layui开关组件（checkbox复选框）的渲染方法
KroNaiCulture的博客
07-20 2071
关于layui开关组件（checkbox复选框）的渲染方法
解决Connection to pypi.org timed out问题
weixin_40668374的博客
08-07 1万+
解决Connection to pypi.org timed out问题 pip install pymysql 报下面问题 WARNING: Retrying (Retry(total=4, connect=None, read=None, redirect=None, status=None)) after connection broken by ‘ConnectTimeoutError(<pip._vendor.urllib3.connection.VerifiedHTTPSConnect
解决Layui当中的导航条动态添加后渲染失败的问题
10-16
首先，我们需要理解问题的根源：Layui在页面加载时会一次性渲染所有标记为layui-filter的元素，如果后续动态添加新的元素，Layui的默认渲染机制不会自动捕获并处理这些新添加的内容。 针对这个问题，我们可以采取...
解决layui 表单元素radio不显示渲染的问题
10-16
layui是一个流行的JavaScript框架，它提供了丰富的组件和模块，使得开发者能够快速构建出美观的界面。然而，在实际使用中，可能会遇到一些问题，例如在本文中提到的“layui 表单元素radio不显示渲染的问题”。 首先...
解决layui中onchange失效以及form动态渲染失效的问题
10-16
在开发Web应用时，我们经常...遵循这些方法，可以有效避免类似问题，提高开发效率，并确保layui组件的正常运行。在实际开发中，理解并掌握框架的特性和推荐实践是非常重要的，这将有助于我们编写更稳定、更高效的代码。
layui扩展上传组件模拟进度条的方法
10-16
layui是一个流行的前端轻量级框架，提供了丰富的UI组件，其中包括上传功能。在某些场景下，为了提升用户体验，我们可能需要在文件上传过程中显示进度条，让用户知道文件上传的状态。 首先，我们看到代码中有一个id...
使用layui 渲染table数据表格的实例代码
10-18
layui是一款流行的前端组件库，提供了丰富的UI组件，包括表格、表单、按钮等。下面我们将详细解析这个实例代码，了解如何通过layui实现数据表格的渲染。 首先，我们需要在HTML页面中引入layui的CSS和JS文件。这一步...
layui form.render('select', 'test2') 更新渲染的方法
10-16
今天小编就为大家分享一篇layui form.render('select', 'test2') 更新渲染的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui的treeTablle大数据量加载缓慢的解决方案
qq_33798086的博客
11-29 6385
layui的treeTablle大数据量加载缓慢的解决方案 最近公司的项目使用的layui框架开发权限相关业务，多个页面使用到了treetable。 这个treetable在较少数据量的时候加载还可以接受，在上千条数据以后，加上table的操作栏会变得非常的卡。 在明确了需求以后，尝试了多种方案，现在特来汇总一下给后续踩坑的朋友们。 1：使用layui自带的treeTable，这种方案只支持较少数...
使用layui进行方法渲染列表时渲染不上,返回的数据不符合规范，正确的成功状态码应为：“code“:0，解决办法。
weixin_52231266的博客
05-21 1778
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言使用springboot+layui编写后台管理系统遇到的一些问题，以及如何解决:一、使用layui进行方法渲染列表时渲染不上,返回的数据不符合规范，正确的成功状态码应为："code": 0？总结： 前言 使用springboot+layui编写后台管理系统遇到的一些问题，以及如何解决: 一、使用layui进行方法渲染列表时渲染不上,返回的数据不符合规范，正确的成功状态码应为：“code”: 0？ 页面中列表主要代码 //这.
layUI树形菜单（组织架构）+Ajax+后台递归写法-详细步骤
weixin_44767087的博客
08-03 1748
一、介绍 本章采用的是：spring5+springMvc5+myBatisPlus3.0架构，查询方法为MP自带的方法 首先看下效果图是否为您所需，若不是无需浪费时间往下看 二、建立数据库表 此表设计为多种关系合成的一张表 三、编写实体类pojo DepartmentAndPosition.java 此处导包省略... /** * @Author : Administrator * @Date : 2020/8/1 17:11 * @Description :部门和职位联合类 */ @Tab
layui中form表单渲染的问题
qq_41585594的博客
11-30 9533
layui 官网的这部分文档介绍：http://www.layui.com/doc/modules/form.html#render 注意：针对的是表单元素，input select  textarea 1.必须给表单体系所在的父元素加上class="layui-form"，里层的每一个项目，加上class=‘layui-form-item’ 2执行layui.form.render(typ...
layui树形数据实现
hxxxxx111的博客
02-20 774
layui树形数据实现
layui树形渲染、layui树形后端返回类型、layui树形属性设置
最新发布
my_futrue的博客
06-13 1121
TreeNode treeNode5 = new TreeNode("5","4","我的订单");TreeNode treeNode6 = new TreeNode("6","5","个人中心");TreeNode treeNode1 = new TreeNode("1","0","首页");TreeNode treeNode2 = new TreeNode("2","0","订单");TreeNode treeNode4 = new TreeNode("4","2","捐献");//得到当前节点元素。
layui的laydate插件之坑——渲染问题
热门推荐
https://blog.csdn.net/sinat_36710456
09-26 3万+
最近项目使用了laydate.js这个时间插件。自从这个插件升级后确实还挺好用的，在选择时间上操作非常简单： laydate.render({ elem: '#test' //或 elem: document.getElementById('test')、elem: lay('#test') 等 }); 通过elem绑定元素后，就可以使用了。（记得elem:'#text'中的这个#不要落下）...
layUI-table渲染问题总结：
weixin_40092506的博客
11-03 6142
周末让学生用layUI做一个带有增删改查的系统页面，这个框架是之前没有讲过的，果然，一大早就被堵，主要问题是数据表格处理，一直报error ，报parsererror，报code数据异常，现将问题总结如下：（注意：以下方法只供本地数据调试，实际开发中的问题特殊对待，因每个公司都会有专人负责接口） 第一种：总结性错误，拿到官网demo粘贴复制结束，死活出不来 ，对这个问题不做过多评价。直接上方法：你...
layui动态添加下拉框组件，并且渲染数据
04-05
// 使用layui组件渲染下拉框 layui.use(['form'], function(){ var form = layui.form; form.render('select'); }); ``` 4. 完整代码 ```html <!DOCTYPE html> 动态添加下拉框组件，并且渲染数据 <!-- ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值