解决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实现信息的显示和隐藏如注册页面
Dec 03 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
Sep 12 Javascript
AngularJS 中的指令实践开发指南(一)
Mar 20 Javascript
如何编写一个完整的Angular4 FormText 组件
Nov 18 Javascript
vue2中使用sass并配置全局的sass样式变量的方法
Sep 04 Javascript
Vue源码解析之数组变异的实现
Dec 04 Javascript
实例分析编写vue组件方法
Feb 12 Javascript
Vue-CLI 3.X 部署项目至生产服务器的方法
Mar 22 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
Jul 10 jQuery
Js逆向实现滑动验证码图片还原的示例代码
Mar 10 Javascript
在vue中使用防抖函数组件操作
Jul 26 Javascript
js实现盒子移动动画效果
Aug 09 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
DOTA2 无惧惊涛骇浪 昆卡大型水友攻略
2020/04/20 DOTA
一个颜色轮换的简单例子
2006/10/09 PHP
PHP 魔术函数使用说明
2010/05/14 PHP
解析CodeIgniter自定义配置文件
2013/06/18 PHP
PHP变量的作用范围实例讲解
2020/12/22 PHP
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
2011/07/15 Javascript
解析JavaScript中delete操作符不能删除的对象
2013/12/03 Javascript
DOM 事件流详解
2015/01/20 Javascript
AngularJS模块管理问题的非常规处理方法
2015/04/29 Javascript
jQuery实现为图片添加镜头放大效果的方法
2015/06/25 Javascript
apply和call方法定义及apply和call方法的区别
2015/11/15 Javascript
关于JavaScript作用域你想知道的一切
2016/02/04 Javascript
Nodejs获取网络数据并生成Excel表格
2020/03/31 NodeJs
Angularjs中UI Router的使用方法
2016/05/14 Javascript
node.js中debug模块的简单介绍与使用
2017/04/25 Javascript
IScroll那些事_当内容不足时下拉刷新的解决方法
2017/07/18 Javascript
JS实现瀑布流布局
2017/10/21 Javascript
使用webpack编译es6代码的方法步骤
2019/04/28 Javascript
[45:38]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第一局
2016/03/02 DOTA
分享python数据统计的一些小技巧
2016/07/21 Python
利用python画一颗心的方法示例
2017/01/31 Python
Django中ORM表的创建和增删改查方法示例
2017/11/15 Python
对python 合并 累加两个dict的实例详解
2019/01/21 Python
python 通过SSHTunnelForwarder隧道连接redis的方法
2019/02/19 Python
浅谈python3.6的tkinter运行问题
2019/02/22 Python
构建高效的python requests长连接池详解
2020/05/02 Python
pytorch查看通道数 维数 尺寸大小方式
2020/05/26 Python
一篇文章带你搞定Ubuntu中打开Pycharm总是卡顿崩溃
2020/11/02 Python
幼儿园教师工作制度
2014/01/22 职场文书
《老王》教学反思
2014/02/23 职场文书
商铺消防安全责任书
2014/07/29 职场文书
安全环保演讲稿
2014/08/28 职场文书
2014财产信托协议书范本
2014/11/18 职场文书
上课迟到检讨书范文
2015/05/06 职场文书
消防演习感想
2015/08/10 职场文书
python自然语言处理之字典树知识总结
2021/04/25 Python