解决layui 表单元素radio不显示渲染的问题
更新时间：2019年09月04日 09:33:36 作者：小魏的马仔
今天小编就为大家分享一篇解决layui 表单元素radio不显示渲染的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
最近一直在使用layui，一个对程序员相对友好的前端框架，很多效果都进行了初步的封装。
在使用过程中遇到最多的问题就是引用的问题，各种模板无法使用，虽然都一一百度解决。
本次需要解决的问题是 layui-form表单无法渲染效果。
我希望的效果是
但是程序运行效果是
问题分析：
因为这个表单，我是使用laytpl动态插入的，因此表单中radio的效果并没有渲染上，打开调试模式可以看到
正常的radio渲染结果，应该是包括一个i标签和一个span标签
而我们的渲染结果，只有一个input标签
所以导致这个位置没有数据显示。
解决：
由于该框架较新，大部分的内容只能通过官网的论坛获取，所以找了好久，最后在官方文档中看到一句话
有些时候，你的有些表单元素可能是动态插入的。这时Form模块的自动化渲染是会对其失效的。虽然我们没有双向绑定机制（因为我们叫经典模块化框架，咩哈哈哈哈。。。），但没事，你只需要执行 form.render(type); 方法即可。
其中的type即表单的type类型，可选。默认对全部类型的表单进行一次更新。可局部刷新的type如下表：
于是我在模板插入代码的最后，加了一句
form.render(); //更新全部
好了，问题解决！！！！！
以上这篇解决layui 表单元素radio不显示渲染的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
日常开始中常用到的一些原生JavaScript函数,比较实用, 今天特地整理一下,分享给大家,希望对大家有用,会常更新,同时也欢迎大家补充.2010-09-09
这篇文章主要介绍了微信小程序冒泡事件及其阻止方法,结合实例形式分析了事件分类、冒泡及相应阻止操作方法,需要的朋友可以参考下2018-12-12
Javascript将图片的绝对路径转换为base64编码的方法
这篇文章主要介绍了Javascript将图片的绝对路径转换为base64编码的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了JS判断浏览器类型与操作系统的方法,结合实例形式分析了JS针对各种常见浏览器与操作系统进行判断的方法,需要的朋友可以参考下2020-04-04
这篇文章主要介绍了js实现的简单radio背景颜色选择器代码,利用鼠标事件及页面元素动态操作实现页面背景颜色的改变功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了基于JavaScript实现百度搜索框效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
浅析JavaScriptSerializer类的序列化与反序列化
本篇文章主要介绍了JavaScriptSerializer类 对象序列化与反序列化的方法、属性以及实例代码，有需要的朋友可以参考一下2016-11-11
JavaScript如何通过userAgent判断几个常用浏览器详解
userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值,这篇文章主要给大家介绍了关于JavaScript如何通过userAgent判断几个常用浏览器的相关资料,需要的朋友可以参考下2021-06-06
这篇文章主要介绍了JS如何实现网站内容如何实现禁止复制和粘贴、另存为,需要的朋友可以参考下2014-02-02
在JavaScript中动态修改CSS样式是一种常见的操作,它允许开发者根据不同的条件或者用户的交互来改变网页的外观,这篇文章主要介绍了如何在js中动态修改元素的class属性的相关资料,需要的朋友可以参考下2025-04-04
最新评论