解决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 相关文章推荐
js静态方法与实例方法分析
Jul 04 Javascript
javascript匀速运动实现方法分析
Jan 08 Javascript
Jquery $when done then的用法详解
May 20 Javascript
JS简单随机数生成方法
Sep 05 Javascript
详解堆的javascript实现方法
Nov 29 Javascript
基于JS实现9种不同的面包屑和分布式多步骤导航效果
Feb 21 Javascript
VUE实现可随意拖动的弹窗组件
Sep 25 Javascript
关于layui表单中按钮自动提交的解决方法
Sep 09 Javascript
vue通过过滤器实现数据格式化
Jul 20 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
Jul 22 Javascript
vue监听滚动事件的方法
Dec 21 Vue.js
js实现弹框效果
Mar 24 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 分页类 扩展代码
2009/06/11 PHP
php select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
PHP针对常规模板引擎中与CSS/JSON冲突的解决方法
2014/08/19 PHP
利用 fsockopen() 函数开放端口扫描器的实例
2017/08/19 PHP
PHP+redis实现微博的拉模型案例详解
2019/07/10 PHP
用客户端js实现带省略号的分页
2013/04/27 Javascript
获取3个数组不重复的值的具体实现
2013/12/30 Javascript
js取整数、取余数的方法
2014/05/11 Javascript
Bootstrap栅格系统学习笔记
2016/11/25 Javascript
详解Vue.js Mixins 混入使用
2017/09/15 Javascript
javascript面向对象三大特征之多态实例详解
2019/07/24 Javascript
Layui数据表格 前后端json数据接收的方法
2019/09/19 Javascript
JS实现随机点名器
2020/04/12 Javascript
vue项目实现多语言切换的思路
2020/09/17 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
vue3.0+vue-router+element-plus初实践
2020/12/02 Vue.js
python脚本实现统计日志文件中的ip访问次数代码分享
2014/08/06 Python
Django 实现购物车功能的示例代码
2018/10/08 Python
Python函数参数匹配模型通用规则keyword-only参数详解
2019/06/10 Python
Django REST framework内置路由用法
2019/07/26 Python
如何在django中运行scrapy框架
2020/04/22 Python
多个版本的python共存时使用pip的正确做法
2020/10/26 Python
pycharm 实现复制一行的快捷键
2021/01/15 Python
localStorage、sessionStorage使用总结
2017/11/17 HTML / CSS
瑰珀翠美国官网:Crabtree & Evelyn美国
2016/11/29 全球购物
露营世界:Camping World
2017/02/02 全球购物
奢华的意大利皮革手袋:Bene Handbags
2019/10/29 全球购物
大学毕业生通用求职信
2013/09/28 职场文书
财务管理个人自荐书范文
2013/11/24 职场文书
文明礼仪小标兵事迹
2014/01/12 职场文书
粗加工管理制度
2014/02/04 职场文书
派出所正风肃纪剖析材料
2014/10/10 职场文书
幼儿园大班见习报告
2014/10/31 职场文书
组织生活会发言材料
2014/12/15 职场文书
2015年度村委会工作总结
2015/04/29 职场文书
2016师德师风学习心得体会
2016/01/12 职场文书