解决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 parseInt与Number函数的区别
Jan 21 Javascript
按Enter键触发事件的jquery方法实现代码
Feb 17 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
Jun 10 Javascript
在jQuery中使用$而避免跟其它库产生冲突的方法
Aug 13 Javascript
js实现YouKu的漂亮搜索框效果
Aug 19 Javascript
详解VueJs前后端分离跨域问题
May 24 Javascript
javascript完美实现给定日期返回上月日期的方法
Jun 15 Javascript
详解基于node的前端项目编译时内存溢出问题
Aug 01 Javascript
vue params、query传参使用详解
Sep 12 Javascript
Vue框架里使用Swiper的方法示例
Sep 20 Javascript
js基础之事件捕获与冒泡原理
Oct 09 Javascript
基于VUE实现判断设备是PC还是移动端
Jul 03 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
dede全站URL静态化改造[070414更正]
2007/04/17 PHP
PHP 程序员应该使用的10个组件
2009/10/31 PHP
php实现按文件名搜索文件的远程文件查找器
2014/05/10 PHP
Symfony页面的基本创建实例详解
2015/01/26 PHP
PHP Ajax实现无刷新附件上传
2016/08/17 PHP
在laravel中实现ORM模型使用第二个数据库设置
2019/10/24 PHP
js计算页面刷新的次数
2009/07/20 Javascript
网络图片延迟加载实现代码 超越jquery控件
2010/03/27 Javascript
jQuery中:reset选择器用法实例
2015/01/04 Javascript
jquery获取多个checkbox的值异步提交给php
2015/07/07 Javascript
微信开发 使用picker封装省市区三级联动模板
2016/10/28 Javascript
JavaScript数组操作详解
2017/02/04 Javascript
javascript 面向对象function详解及实例代码
2017/02/28 Javascript
浅析bootstrap原理及优缺点
2017/03/19 Javascript
Vue学习笔记之表单输入控件绑定
2017/09/05 Javascript
React Router v4 入坑指南(小结)
2018/04/08 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
2018/05/08 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)
2020/01/16 Javascript
React.js组件实现拖拽排序组件功能过程解析
2020/04/27 Javascript
基于js实现的图片拖拽排序源码实例
2020/11/04 Javascript
[02:11]2014DOTA2 TI专访VG战队Fenrir:队伍气氛良好
2014/07/11 DOTA
Python去除字符串两端空格的方法
2015/05/21 Python
Pycharm导入Python包,模块的图文教程
2018/06/13 Python
python画双y轴图像的示例代码
2019/07/07 Python
python3中pip3安装出错,找不到SSL的解决方式
2019/12/12 Python
Fanatics官网:运动服装、球衣、运动装备
2020/10/12 全球购物
mysql_pconnect()和mysql_connect()有什么区别
2012/05/25 面试题
个人自荐信
2013/12/05 职场文书
经典商业广告词
2014/03/13 职场文书
餐饮食品安全责任书
2015/01/29 职场文书
长城英文导游词
2015/01/30 职场文书
工作自我评价范文
2015/03/05 职场文书
实施意见格式范本
2015/06/05 职场文书
《圆的周长》教学反思
2016/02/17 职场文书
Nginx源码编译安装过程记录
2021/11/17 Servers