layui 表单重新渲染

在 layui 中，可以使用 `form.render()` 方法来重新渲染表单。这个方法会重新渲染整个表单，包括表单元素、下拉框、单选框、复选框等。

需要注意的是，如果表单元素是动态添加的，则需要在添加完元素后再调用 `form.render()` 方法来重新渲染表单。

以下是一个简单的示例代码：

<form class="layui-form">
  <div class="layui-form-item">
    <label class="layui-form-label">用户名</label>
    <div class="layui-input-block">
      <input type="text" name="username" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">密码</label>
    <div class="layui-input-block">
      <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
</form>

// 初始化表单
layui.use(['form'], function() {
  var form = layui.form;
  form.render();
});

// 动态添加表单元素后重新渲染表单
layui.use(['form'], function() {
  var form = layui.form;
  // 动态添加表单元素
  $(".add-element").on("click", function() {
    // ...
    // 添加表单元素的代码
    // ...
    // 重新渲染表单
    form.render();
  });
});

在这个示例代码中，我们首先通过 `form.render()` 方法初始化了表单，在动态添加表单元素后，再次调用 `form.render()` 方法来重新渲染表单。