解决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中函数声明优先于变量声明的实例分析
Mar 01 Javascript
Jquery中children与find之间的区别详细解析
Nov 29 Javascript
js限制文本框只能输入整数或者带小数点的数字
Apr 27 Javascript
angularjs客户端实现压缩图片文件并上传实例
Jul 06 Javascript
基于jQuery实现在线选座之高铁版
Aug 24 Javascript
js原生之焦点图转换加定时器实例
Dec 12 Javascript
Vue computed计算属性的使用方法
Jul 14 Javascript
Angular自定义组件实现数据双向数据绑定的实例
Dec 11 Javascript
详解extract-text-webpack-plugin 的使用及安装
Jun 12 Javascript
微信小程序合法域名配置方法
May 06 Javascript
Vue v-for循环之@click点击事件获取元素示例
Nov 09 Javascript
es6函数之箭头函数用法实例详解
Apr 25 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版(4)
2006/10/09 PHP
PHP分页详细讲解(有实例)
2013/10/30 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
JScript内置对象Array中元素的删除方法
2007/03/08 Javascript
javascript  Error 对象 错误处理
2008/05/18 Javascript
javascript delete 使用示例代码
2010/03/29 Javascript
JS实现淘宝幻灯片效果的实现方法
2013/03/22 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
2013/09/29 Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
2013/11/03 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
2014/11/23 Javascript
js运动事件函数详解
2016/10/21 Javascript
Angular2生命周期钩子函数的详细介绍
2017/07/10 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
2017/08/22 Javascript
浅析从vue源码看观察者模式
2018/01/29 Javascript
JavaScript函数定义方法实例详解
2019/03/05 Javascript
解决Layui中templet中a的onclick参数传递的问题
2019/09/20 Javascript
[56:48]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
rhythmbox中文名乱码问题解决方法
2008/09/06 Python
Python设计模式之抽象工厂模式
2016/08/25 Python
Python2.7读取PDF文件的方法示例
2017/07/13 Python
Django crontab定时任务模块操作方法解析
2020/09/10 Python
利用python+request通过接口实现人员通行记录上传功能
2021/01/13 Python
CSS3打造百度贴吧的3D翻牌效果示例
2017/01/04 HTML / CSS
CSS3中媒体查询结合rem布局适配手机屏幕
2019/06/10 HTML / CSS
浅谈关于html5中图片抛物线运动的一些心得
2018/01/09 HTML / CSS
电子技术专业中专生的自我评价
2013/12/17 职场文书
个人简历自我评价
2014/01/06 职场文书
绩效工资分配方案
2014/01/18 职场文书
第二批党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
社会工作专业自荐信
2014/09/26 职场文书
简单的个人租房协议书范本
2014/11/26 职场文书
2015年物流客服工作总结
2015/07/27 职场文书
老乡会致辞
2015/07/28 职场文书
利用Python网络爬虫爬取各大音乐评论的代码
2021/04/13 Python
JS 基本概念详细介绍
2021/10/16 Javascript
根德5570型九灯四波段立体声收音机是电子管收音机的楷模 ? 再论5570
2022/04/05 无线电