解决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 相关文章推荐
JavaScript子窗口ModalDialog中操作父窗口对像
Dec 11 Javascript
js调试系列 源码定位与调试[基础篇]
Jun 18 Javascript
jQuery事件用法实例汇总
Aug 29 Javascript
iframe中子父类窗口调用JS的方法及注意事项
Aug 25 Javascript
浅析javascript函数表达式
Feb 10 Javascript
最常见的左侧分类菜单栏jQuery实现代码
Nov 28 Javascript
ES6中Math对象的部分扩展
Feb 20 Javascript
js图片延迟加载(Lazyload)三种实现方式
Mar 01 Javascript
详解AngularJS 过滤器的使用
Jun 02 Javascript
富文本编辑器vue2-editor实现全屏功能
May 26 Javascript
JavaScript运行机制实例分析
Apr 11 Javascript
在vue中使用防抖函数组件操作
Jul 26 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/11/17 PHP
PHP解压ZIP文件到指定文件夹的方法
2016/11/17 PHP
javascript cookies 设置、读取、删除实例代码
2010/04/12 Javascript
js字符串的各种格式的转换 ToString,Format
2011/08/08 Javascript
jquery封装的对话框简单实现
2013/07/21 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
2014/02/17 Javascript
在JS数组特定索引处指定位置插入元素
2014/07/27 Javascript
Bootstrap页面布局基础知识全面解析
2016/06/13 Javascript
jQuery实现的表格展开伸缩效果实例
2016/09/07 Javascript
JavaScript生成验证码并实现验证功能
2016/09/24 Javascript
微信小程序ibeacon三点定位详解
2018/10/31 Javascript
原生javascript运动函数的封装示例【匀速、抛物线、多属性的运动等】
2020/02/23 Javascript
Vue this.$router.push(参数)实现页面跳转操作
2020/09/09 Javascript
[50:04]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第二局
2016/02/28 DOTA
python实现随机密码字典生成器示例
2014/04/09 Python
Python进行数据提取的方法总结
2016/08/22 Python
python3+PyQt5实现拖放功能
2018/04/24 Python
Python单元测试实例详解
2018/05/25 Python
读取json格式为DataFrame(可转为.csv)的实例讲解
2018/06/05 Python
pyqt5 禁止窗口最大化和禁止窗口拉伸的方法
2019/06/18 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
Python 正则表达式 re.match/re.search/re.sub的使用解析
2019/07/22 Python
基于梯度爆炸的解决方法:clip gradient
2020/02/04 Python
Mountain Warehouse波兰官方网站:英国户外品牌
2019/08/29 全球购物
如何打印出当前源文件的文件名以及源文件的当前行号
2015/04/05 面试题
职业生涯规划书基本格式
2014/01/06 职场文书
大学生志愿者感言
2014/01/15 职场文书
寄语十八大感言
2014/02/07 职场文书
2014年开学第一课活动方案
2014/03/06 职场文书
导师评语大全
2014/04/26 职场文书
手机被没收的检讨书
2014/10/04 职场文书
2015年七七事变78周年纪念活动方案
2015/05/06 职场文书
高中运动会广播稿
2015/08/19 职场文书
浅谈vue2的$refs在vue3组合式API中的替代方法
2021/04/18 Vue.js
美元符号 $
2022/02/17 杂记
Java 使用类型为Object的变量指向任意类型的对象
2022/04/13 Java/Android