解决layui的radio属性或别的属性没显示出来的问题


Posted in Javascript onSeptember 26, 2019

1、这是radio没有显示出来的情况

解决layui的radio属性或别的属性没显示出来的问题

2、正常的应该是这样的

解决layui的radio属性或别的属性没显示出来的问题

3、解决方法就是:使用form.render() 刷新界面

layui.use('form',function(){
  var form = layui.form;
  
   //刷新界面 所有元素

   form.render();

});

4、它还有另一种用法

form.render('radio')

这样它就只刷新 属性radio,别的都不刷新

5、官网解释:

更新渲染

有些时候,你的有些表单元素可能是动态插入的。这时 form 模块 的自动化渲染是会对其失效的。虽然我们没有双向绑定机制(因为我们叫经典模块化框架,偷笑.gif) 但没有关系,你只需要执行 form.render(type, filter); 方法即可。

第一个参数:type,为表单的 type 类型,可选。默认对全部类型的表单进行一次更新。可局部刷新的 type 如下表:

参数(type)值 描述
select 刷新select选择框渲染
checkbox 刷新checkbox复选框(含开关)渲染
radio 刷新radio单选框框渲染

例子layui.code

form.render(); //更新全部
form.render('select'); //刷新select选择框渲染

以上这篇解决layui的radio属性或别的属性没显示出来的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js form 验证函数 当前比较流行的错误提示
Jun 23 Javascript
15款优秀的jQuery导航菜单插件分享
Jul 19 Javascript
javascript中this的四种用法
May 11 Javascript
学习JavaScript设计模式之策略模式
Jan 12 Javascript
浅析Bootstrap组件之面板组件
May 04 Javascript
纯JS代码实现气泡效果
May 04 Javascript
js基础之DOM中document对象的常用属性方法详解
Oct 28 Javascript
解析利用javascript如何判断一个数为素数
Dec 08 Javascript
javascript内存分配原理实例分析
Apr 10 Javascript
详解vue.js+UEditor集成 [前后端分离项目]
Jul 07 Javascript
原生js封装添加class,删除class的实例
Nov 06 Javascript
JS实现纵向轮播图(初级版)
Jan 18 Javascript
对Layer UI 模块化的用法详解
Sep 26 #Javascript
vue源码中的检测方法的实现
Sep 26 #Javascript
IntelliJ IDEA编辑器配置vue高亮显示
Sep 26 #Javascript
layer.open 子页面弹出层向父页面传输数据的例子
Sep 26 #Javascript
Vue项目环境搭建详细总结
Sep 26 #Javascript
layer.open 获取不到表单信息的解决方法
Sep 26 #Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
Sep 26 #Javascript
You might like
教你如何解密 “ PHP 神盾解密工具 ”
2014/06/20 PHP
php简单防盗链实现方法
2015/07/29 PHP
PHP实现登陆表单提交CSRF及验证码
2017/01/24 PHP
PHP调用全国天气预报数据接口查询天气示例
2019/02/20 PHP
解决tp5在nginx下修改配置访问的问题
2019/10/16 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
jquery+json 通用三级联动下拉列表
2010/04/19 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
2013/11/25 Javascript
利用JavaScript检测CPU使用率自己写的
2014/03/22 Javascript
js选择并转移导航菜单示例代码
2014/08/19 Javascript
用JS中split方法实现彩色文字背景效果实例
2016/08/24 Javascript
jQuery.uploadify文件上传组件实例讲解
2016/09/23 Javascript
angular源码学习第一篇 setupModuleLoader方法
2016/10/20 Javascript
12条写出高质量JS代码的方法
2018/01/07 Javascript
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
2018/01/18 jQuery
vue-cli项目优化方法- 缩短首屏加载时间
2018/04/01 Javascript
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
2018/12/11 jQuery
JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】
2019/02/22 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
2019/09/26 Javascript
vuex存值与取值的实例
2019/11/06 Javascript
vue视频播放暂停代码
2019/11/08 Javascript
在Python的Django框架中创建和使用模版
2015/07/15 Python
Python异常的检测和处理方法
2018/10/26 Python
浅析Python 读取图像文件的性能对比
2019/03/07 Python
win8.1安装Python 2.7版环境图文详解
2019/07/01 Python
使用TensorFlow直接获取处理MNIST数据方式
2020/02/10 Python
python logging 重复写日志问题解决办法详解
2020/08/04 Python
html5 sessionStorage会话存储_动力节点Java学院整理
2017/07/06 HTML / CSS
使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)
2013/01/06 HTML / CSS
上海方立数码笔试题
2013/10/18 面试题
办公室主任职责范文
2013/11/08 职场文书
2014年母亲节寄语
2014/05/07 职场文书
计算机专业求职信
2014/06/02 职场文书
学校中秋节活动总结
2015/03/23 职场文书
电频谱管理的原则是什么
2022/02/18 无线电
JavaScript中10个Reduce常用场景技巧
2022/06/21 Javascript