乖兔博客

乖兔 > CMS系统 > layui radio 不显示文字

layui radio 不显示文字

乖兔 更新于: 2021-04-09 分类:CMS系统

layui不显示文字的解决方法.png

layui是一个很出色的前端框架,样式丰富、调用简单。但是有一些处理方式如果不明白的话就容易出一些摸不着头脑的问题。

有一次使用layui渲染radio的时候发现前台不显示,如下图。

layui radio不显示文字.png

这是期望显示的样子

layui select不显示文字.png

实际输出后却是这个样子

查阅资料得知,layui默认会对select、checkbox、radio 等原始元素隐藏然后进行美化处理,但这需要依赖于 form 组件,所以你必须加载 form,并且执行一个实例。

layui.use('form', function(){
  var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
  //但是,如果你的HTML是动态生成的,自动渲染就会失效
  //因此你需要在相应的地方,执行下述方法来进行渲染
  form.render();
});


打赏