关于layui表单控件更新渲染失败问题的解决办法

您所在的位置:网站首页 模板渲染失败 关于layui表单控件更新渲染失败问题的解决办法

关于layui表单控件更新渲染失败问题的解决办法

2024-07-17 07:21| 来源: 网络整理| 查看: 265

问题发现

这个问题困扰了我几天。 由于是第一次用layui的表单控件,对其中的一些机制还不太清楚。 有一次,我用js动态修改了表单控件input的title,发现运行后无法显示。查阅百度后还以为是html元素中,title属性是只允许设置一次的。后面进行了很多测试,都没有找到解决方法。

原因探究

后来我忍无可忍了。尝试了用浏览器控制台分析一波。最后发现:页面初次加载可以显示出表单元素,我点击按钮触发修改函数以后就不能显示出来了。而且此时表单元素的格式发生了变化。我就猜测应该是layui的某种机制没有触发。

解决方案

最后经过查阅资料,在CSDN发现了这篇文章:https://blog.csdn.net/weixin_42316073/article/details/117867548 发现是没有进行渲染。再结合layui官网的帮助文档,我终于把问题解决了。 form.render函数 在修改input控件后,我在代码后面加上了以下代码:

layui.use('form', function () { //刷新动态插入的表单元素 //详情见:https://www.layui.site/doc/modules/form.html#render var form = layui.form; form.render(); //各种基于事件的操作,下面会有进一步介绍 }); 总结

通过这次经历,我深刻感受到:解决一个问题,最重要的是发现问题是什么,最最重要的是发现问题叫什么名字,最最最重要的是不断变换思维去寻找新的突破点,不要在一根绳子上吊死。



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3