指点成金-最美分享吧

登录

Layui的select不显示,会是啥原因

佚名 举报

篇首语:本文由小编为大家整理,主要介绍了Layui的select不显示,会是啥原因相关的知识,希望对你有一定的参考价值。

layui的select不显示?

当你使用表单时,layui 会对 select、checkbox、radio 等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于 form 组件,所以你必须加载 form,并且执行一个实例。

百分之99的问题都是没有重新渲染导致的

layui.use("form", function()
    var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功

    // 代码...

    //但是,如果你的html是动态生成的,自动渲染就会失效
    //因此你需要在相应的地方,执行下述方法来进行渲染
    form.render();
);

不过还是有百分之一的其它原因,可以对照着这篇文章试一下:

layui下拉选择框select不显示或没有效果


如果有帮助记得点个赞呦 ^_^

参考技术A 没有放在form下吧

LayUi表单模块无法正常显示

问题:

当我们再使用LayUI的Form表单模块时,我们会把自己需要的表单赋值到我们的页面中,但是会出现无法正常显示的问题,如下:

 

 

出现原因:

LayUI官方文档也明确表示:“当你使用表单时,layui 会对 select、checkbox、radio 等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于 form 组件,所以你必须加载 form。”

所以我们必须加载form模块,才能使它完整地渲染出来。

 

决方法

在你js文件的代码最外层,把需要用到的模块 layui.use 预加载一下,如:

  1. /**
  2.   你的js文件
  3. **/
  4. //我们强烈推荐你在代码最外层把需要用到的模块先加载
  5. layui.use(["layer", "form", "element"], function(){
  6.   var layer = layui.layer
  7.   ,form = layui.form
  8.   ,element = layui.element
  9.   //……
  10.   //你的代码都应该写在这里面
  11. });

当我们把这行代码执行完之后,整个表单页面就可以完整地渲染出来了,问题解决。

 

总结:

当我们在使用LayUI的表单时,我们要记得先把表单模块预加载出来。把这两部分当成一个整体来操作就OK了。

 

 2020-04-02

以上是关于Layui的select不显示,会是啥原因的主要内容,如果未能解决你的问题,请参考以下文章