解决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 相关文章推荐
音乐播放用的的几个函数
Sep 07 Javascript
jQuery 中使用JSON的实现代码
Dec 01 Javascript
struts2+jquery+json实现异步加载数据(自写)
Jun 24 Javascript
推荐25个超炫的jQuery网格插件
Nov 28 Javascript
node.js中的fs.writeFileSync方法使用说明
Dec 14 Javascript
JS实现同一个网页布局滑动门和TAB选项卡实例
Sep 23 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
May 30 Javascript
Angularjs 制作购物车功能实例代码
Sep 14 Javascript
vue2 前后端分离项目ajax跨域session问题解决方法
Apr 27 Javascript
javascript回调函数的概念理解与用法分析
May 27 Javascript
微信小程序学习总结(五)常见问题实例小结
Jun 04 Javascript
js实现滚动条自动滚动
Dec 13 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使用GD创建保持宽高比缩略图的方法
2015/04/17 PHP
PHP删除数组中特定元素的两种方法
2019/02/28 PHP
js 自定义个性下拉选择框示例
2013/08/20 Javascript
javascript制作网页图片上实现下雨效果
2015/02/26 Javascript
TypeScript具有的几个不同特质
2015/04/07 Javascript
nodejs创建web服务器之hello world程序
2015/08/20 NodeJs
jQuery实现批量判断表单中文本框非空的方法(2种方法)
2015/12/09 Javascript
Bootstrap导航条的使用和理解3
2016/12/14 Javascript
微信小程序 MD5加密登录密码详解及实例代码
2017/01/12 Javascript
bootstarp modal框居中显示的实现代码
2017/02/18 Javascript
nodejs利用ajax实现网页无刷新上传图片实例代码
2017/06/06 NodeJs
Angular 4 指令快速入门教程
2017/06/07 Javascript
浅谈Angular 的变化检测的方法
2018/03/01 Javascript
node实现的爬虫功能示例
2018/05/04 Javascript
webpack file-loader和url-loader的区别
2019/01/15 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
2019/01/24 Javascript
vue中v-show和v-if的异同及v-show用法
2019/06/06 Javascript
js 对象使用的小技巧实例分析
2019/11/08 Javascript
详解Python中内置的NotImplemented类型的用法
2015/03/31 Python
在Django中创建动态视图的教程
2015/07/15 Python
Python实现在tkinter中使用matplotlib绘制图形的方法示例
2018/01/18 Python
如何在python字符串中输入纯粹的{}
2018/08/22 Python
Python实现将Excel转换成为image的方法
2018/10/23 Python
PYQT5开启多个线程和窗口,多线程与多窗口的交互实例
2019/12/13 Python
python统计文章中单词出现次数实例
2020/02/27 Python
Django def clean()函数对表单中的数据进行验证操作
2020/07/09 Python
德国原装品牌香水、化妆品和手表网站:BRASTY.DE
2016/10/16 全球购物
德国Discount-Apotheke中文官网:DC德式康线上药房
2020/02/18 全球购物
Miller Harris官网:英国小众香水品牌
2020/09/24 全球购物
自荐书范文
2013/12/08 职场文书
客户表扬信范文
2014/01/10 职场文书
新领导上任欢迎词
2014/01/13 职场文书
大学生评语大全
2014/04/18 职场文书
公司开业的祝贺语大全(60条)
2019/07/05 职场文书
html中显示特殊符号(附带特殊字符对应表)
2021/06/21 HTML / CSS
Redis集群的关闭与重启操作
2021/07/07 Redis