解决layui的radio属性或别的属性没显示出来的问题

更新时间：2019年09月26日 10:11:50 作者：1022yjm

今天小编就为大家分享一篇解决layui的radio属性或别的属性没显示出来的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

1、这是radio没有显示出来的情况

2、正常的应该是这样的

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属性或别的属性没显示出来的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

直接拿来用的页面跳转进度条JS实现
这篇文章主要为大家分享了一款直接拿来用的页面跳转进度条，由javascript实现，可以直接跳转到相应页面，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-01-01
基于JavaScript实现随机点名器
这篇文章主要介绍了基于JavaScript实现随机点名器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-02-02
JavaScript如何处理移动端拍摄图片旋转问题
这篇文章主要告诉大家JavaScript如何处理移动端拍摄图片旋转问题，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-11-11
JavaScript学习笔记之DOM操作实例分析
这篇文章主要介绍了JavaScript学习笔记之DOM操作,结合实例形式分析了javascript针对dom元素的获取、设置相关操作常用函数使用技巧,需要的朋友可以参考下
2019-01-01
Javascript获取某个月的天数
本文给大家分享使用getDaysInOneMonth(year, month)方法获取某个月的天数，方法超简单，感兴趣的朋友一起看看吧
2018-05-05
微信小程序中遇到的iOS兼容性问题小结
这篇文章主要给大家介绍了关于微信小程序中遇到的一些iOS兼容性问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2018-11-11
js图片延迟加载的实现方法及思路
这里延迟加载的意思是，拖动滚动条时，在图片出现在浏览器显示区域后才加载显示。
2013-07-07
微信小程序与axios组成网络层封装过程详解
小程序在网络层提供的API是能够完成一个程序与服务端交互的完整链路，但需要大量的定制化代码，才能实现请求拦截和响应拦截，不太符合大多数开发者的使用习惯，对于前端开发者来说，网络层还得是axios
2023-02-02
Bootstrap作品展示站点实战项目2
这篇文章主要为大家分享了Bootstrap作品展示站点实战项目，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-10-10
JS实现点击Radio动态更新table数据
这篇文章主要介绍了JS实现点击Radio动态更新table数据的相关资料,需要的朋友可以参考下
2017-07-07

解决layui的radio属性或别的属性没显示出来的问题

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具