layui 单选框不显示

问题:项目表单中需要用到单选框,直接按照官网示例copy过来,发现不显示,

<script id="baseInfo" type="text/html">
  <div class="layui-form-item" pane>
            <label class="layui-form-label">单选框</label>
            <div class="layui-input-block">
                <input type="radio" name="sex" value="" title="" lay-filter="sex" checked/>
                <input type="radio" name="sex" value="" lay-filter="sex" title=""/>
                <input type="radio" name="sex" value="" lay-filter="sex" title="禁用" disabled>
            </div>
        </div>
<script/>

在这里插入图片描述

原因:可能是由于使用的是模板,加载页面时未渲染表单,所以之后用layui.open()显示页面时对原元素进行了隐藏,
在这里插入图片描述
如果没有对表单进行渲染或者修改表单后未渲染就不会出现渲染后的元素
在这里插入图片描述
解决方法:在弹出模板html后对表单重新渲染(可以所有表单都进行渲染,也可以渲染部分组件)

index = layer.open({
   title: "基本信息",
     type: 1,
     area: ['700px', '400px'],
     content: $("#baseInfo").html()
 });
 form.render();

修改后弹出的页面:
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值