解决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 相关文章推荐
jquery模拟按下回车实现代码
Sep 20 Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
Nov 08 Javascript
js实现身份证号码验证的简单实例
Feb 19 Javascript
JavaScript中用于生成随机数的Math.random()方法
Jun 15 Javascript
javascript实现去除HTML标签的方法
Dec 26 Javascript
JS高仿抛物线加入购物车特效实现代码
Feb 20 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
Aug 22 Javascript
vue 使用ref 让父组件调用子组件的方法
Feb 08 Javascript
通过vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题
Apr 08 Javascript
原生JavaScript写出Tabs标签页的实例代码
Jul 20 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
Oct 20 Javascript
vue3.0+vue-router+element-plus初实践
Dec 02 Vue.js
对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
dedecms采集中可以过滤多行代码的正则表达式
2007/03/17 PHP
php中设置index.php文件为只读的方法
2013/02/06 PHP
基于php在各种web服务器的运行模式详解
2013/06/03 PHP
php内核解析:PHP中的哈希表
2014/01/30 PHP
PHP二维数组排序的3种方法和自定义函数分享
2014/04/09 PHP
thinkphp实现163、QQ邮箱收发邮件的方法
2015/12/18 PHP
php实现的SSO单点登录系统接入功能示例分析
2016/10/12 PHP
phpcms实现验证码替换及phpcms实现全站搜索功能教程详解
2017/12/13 PHP
php连接sftp的作用以及实例代码
2019/09/23 PHP
用JavaScript调用WebService的示例
2008/04/07 Javascript
一段实现页面上的图片延时加载的js代码
2010/02/11 Javascript
JS截取url中问号后面参数的值信息
2014/04/29 Javascript
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
2014/08/20 Javascript
jquery用offset()方法获得元素的xy坐标
2014/09/06 Javascript
js计算德州扑克牌面值的方法
2015/03/04 Javascript
JavaScript 匿名函数和闭包介绍
2015/04/13 Javascript
jQuery原型属性和原型方法详解
2015/07/07 Javascript
jquery 表单验证之通过 class验证表单不为空
2015/11/02 Javascript
分享两款带遮罩的jQuery弹出框
2015/12/30 Javascript
Javascript数组中push方法用法分析
2016/10/31 Javascript
jQuery中值得注意的trigger方法浅析
2016/12/12 Javascript
深入理解Vuex 模块化(module)
2017/09/26 Javascript
一秒学会微信小程序制作table表格
2019/02/14 Javascript
jquery实现垂直手风琴导航栏
2020/02/18 jQuery
python创建和使用字典实例详解
2013/11/01 Python
Python读写Json涉及到中文的处理方法
2016/09/12 Python
Python爬虫实例扒取2345天气预报
2018/03/04 Python
python获取代码运行时间的实例代码
2018/06/11 Python
python下载卫星云图合成gif的方法示例
2020/02/18 Python
中东地区为妈妈们提供一切的头号购物目的地:Sprii
2018/05/06 全球购物
加拿大领先家居家具网上购物:Aosom.ca
2020/05/27 全球购物
大学生毕业的自我评价分享
2014/01/02 职场文书
《乡愁》教学反思
2014/02/18 职场文书
热爱祖国的演讲稿
2014/05/04 职场文书
left join、inner join、right join的区别
2021/04/05 MySQL
Win11怎么把合并的任务栏分开 Win11任务栏合并分开教程
2022/04/06 数码科技