解决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 相关文章推荐
childNodes.length与children.length的区别
May 14 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
Jul 28 Javascript
js实现类似菜单风格的TAB选项卡效果代码
Aug 28 Javascript
基于jQuery实现的菜单切换效果
Oct 16 Javascript
JavaScript手机振动API
Jun 11 Javascript
JavaScript递归操作实例浅析
Oct 31 Javascript
基于javascript的Form表单验证
Dec 29 Javascript
socket.io学习教程之基本应用(二)
Apr 29 Javascript
Mongoose实现虚拟字段查询的方法详解
Aug 15 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
May 10 Javascript
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
element 动态合并表格的步骤
Dec 31 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链接MySQL的常用扩展函数
2014/10/23 PHP
Javascript里使用Dom操作Xml
2007/01/22 Javascript
如何简单地用YUI做JavaScript动画
2007/03/10 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
jQuery插件简单实现方法
2015/07/18 Javascript
JavaScript对Cookie进行读写操作实例
2015/07/25 Javascript
基于javascript实现精确到毫秒的倒计时限时抢购
2016/04/17 Javascript
使用微信小程序开发前端【快速入门】
2016/12/05 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
2016/12/30 Javascript
微信小程序 数据遍历的实现
2017/04/05 Javascript
详解使用nvm安装node.js
2017/07/18 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
2017/09/14 Javascript
Vue源码学习之初始化模块init.js解析
2017/11/02 Javascript
javascript中UMD规范的代码推演
2018/08/29 Javascript
小程序实现单选多选功能
2018/11/04 Javascript
通过js示例讲解时间复杂度与空间复杂度
2019/08/06 Javascript
JavaScript DOM常用操作代码汇总
2020/07/03 Javascript
js实现碰撞检测
2021/01/29 Javascript
fastcgi文件读取漏洞之python扫描脚本
2017/04/23 Python
python中nan与inf转为特定数字方法示例
2017/05/11 Python
python3获取两个日期之间所有日期,以及比较大小的实例
2018/04/08 Python
Python判断字符串是否为字母或者数字(浮点数)的多种方法
2018/08/03 Python
Python使用requests提交HTTP表单的方法
2018/12/26 Python
python+selenium 定位到元素,无法点击的解决方法
2019/01/30 Python
python 数据提取及拆分的实现代码
2019/08/26 Python
对tensorflow中的strides参数使用详解
2020/01/04 Python
如何在python中实现线性回归
2020/08/10 Python
CSS3 animation实现简易幻灯片轮播特效
2016/09/27 HTML / CSS
小程序瀑布流解决左右两边高度差距过大的问题
2019/02/20 HTML / CSS
兰蔻美国官网:Lancome美国
2017/04/25 全球购物
加拿大大码女装购物网站:Penningtons
2020/12/26 全球购物
你经历的项目中的SCM配置项主要有哪些?什么是配置项?
2013/11/04 面试题
店铺转让协议书
2014/12/02 职场文书
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript
Python批量将csv文件转化成xml文件的实例
2021/05/10 Python
python神经网络 tf.name_scope 和 tf.variable_scope 的区别
2022/05/04 Python