解决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 相关文章推荐
一段效率很高的for循环语句使用方法
Aug 13 Javascript
基于jquery的9行js轻松实现tab控件示例
Oct 12 Javascript
黑帽seo劫持程序,js劫持搜索引擎代码
Sep 15 Javascript
JQuery菜单效果的两个实例讲解(3)
Sep 17 Javascript
浅析Javascript中bind()方法的使用与实现
May 30 Javascript
基于JQuery的购物车添加删除以及结算功能示例
Mar 08 Javascript
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
vue 中filter的多种用法
Apr 26 Javascript
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
Jun 27 Javascript
vue $router和$route的区别详解
Dec 02 Vue.js
原生JavaScript实现进度条
Feb 19 Javascript
详解Js模块化的作用原理和方案
Apr 29 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采用超长(超大)数字运算防止数字以科学计数法显示的方法
2016/04/01 PHP
laravel使用Faker数据填充的实现方法
2019/04/12 PHP
XHTML-Strict 内允许出现的标签
2006/12/11 Javascript
JavaScript EasyPager 分页函数
2011/05/25 Javascript
JS 对输入框进行限制(常用的都有)
2013/07/30 Javascript
html向js方法传递参数具体实现
2013/08/08 Javascript
JavaScript var声明变量背后的原理示例解析
2013/10/12 Javascript
利用js正则表达式验证手机号,email地址,邮政编码
2014/01/23 Javascript
利用jquery操作Radio方法小结
2014/10/20 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
2015/10/24 Javascript
实例讲解javascript注册事件处理函数
2016/01/09 Javascript
js老生常谈之this,constructor ,prototype全面解析
2016/04/05 Javascript
手动初始化Angular的模块与控制器
2016/12/26 Javascript
jquery实现左右滑动式轮播图
2017/03/02 Javascript
vue.js实例todoList项目
2017/07/07 Javascript
微信小程序入门之广告条实现方法示例
2018/12/05 Javascript
vant IndexBar实现的城市列表的示例代码
2019/11/20 Javascript
Python爬虫实例扒取2345天气预报
2018/03/04 Python
Python3 实现随机生成一组不重复数并按行写入文件
2018/04/09 Python
聊聊python里如何用Borg pattern实现的单例模式
2019/06/06 Python
利用Python实现kNN算法的代码
2019/08/16 Python
Python操作MongoDb数据库流程详解
2020/03/05 Python
Python编写memcached启动脚本代码实例
2020/08/14 Python
pycharm远程连接服务器并配置python interpreter的方法
2020/12/23 Python
Pytorch - TORCH.NN.INIT 参数初始化的操作
2021/02/27 Python
荷兰DOD药房中文官网:DeOnlineDrogist
2020/12/27 全球购物
心得体会范文
2014/01/04 职场文书
简历中自我评价怎么写
2014/02/12 职场文书
最经典的大学生职业生涯规划范文
2014/03/05 职场文书
村干部培训方案
2014/05/02 职场文书
自愿离婚协议书范本
2014/09/13 职场文书
2014财务年度工作总结
2014/11/11 职场文书
毕业实习感受与体会
2015/05/26 职场文书
土木工程毕业答辩开场白
2015/05/29 职场文书
Nginx下SSL证书安装部署步骤介绍
2021/12/06 Servers
PYTHON 使用 Pandas 删除某列指定值所在的行
2022/04/28 Python