layui的select动态渲染不成功怎么办及解决方法
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui的select动态渲染不成功怎么办及解决方法相关的知识,希望对你有一定的参考价值。
参考技术A 在我请求后端数据想要动态渲染option的时候,下拉框并没有值,这是为什么呢?( 这里的《选择设备编号》是我放它存在的默认option )
layui下拉选择框select不显示
弹层layer下拉框没有样式_不可点击_没有效果_渲染失效的解决办法
一、必须给表单体系所在的父元素加上 class="layui-form"
在一个容器中设定 class="layui-form" 来标识一个表单元素块,如果你不想用 form,你可以换成 div 等任何一个普通元素;记得要在 外层容器 中定义 class="layui-form",form 模块才能正常工作。
当你使用表单时,layui 会对 select、checkbox、radio 等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于 form 组件,所以你必须加载 form,并且执行一个实例;
三、更新渲染
有些时候,你的有些表单元素可能是动态插入的。这时 form 模块 的自动化渲染是会对其失效的。虽然 layui 不支持双向绑定机制,但没有关系,你只需要执行 form.render(type, filter); 方法即可。
第一个参数:type,为表单的 type 类型,可选。默认对全部类型的表单进行一次更新。可局部刷新的 type 如下表:
参数(type)值 | 描述 |
---|---|
select | 刷新select选择框渲染 |
checkbox | 刷新checkbox复选框(含开关)渲染 |
radio | 刷新radio单选框框渲染 |
以上是关于layui的select动态渲染不成功怎么办及解决方法的主要内容,如果未能解决你的问题,请参考以下文章