🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 说明 **表单构建器**提供的表单字段类型(含自定义字段类型)除了在表单构建器里面集成使用外,还可以单独调用渲染使用。 > 示例: ```javascript layui.use(['yunj'],function (){ // 配置项 let options = { formId:"test_form", key:"text_key", args:{ "placeholder":"测试文本框" } }; yunj.formField("text",options).then(field=>{ // field为当前字段对象 // 指定父容器渲染 field.render(`.field-box.text .control`).then(res=>{}); }); }); ``` ## 方法 **yunj.formField(type,options)** 构建字段对象。 此方法返回值是一个promise对象,执行成功返回字段对象,根据字段对象可渲染字段html结构 / 设置字段值 / 获取字段值 * 参数 | key | 类型 | 是否必须 | 说明 | | --- | --- | --- | --- | | type | string | 是 | 字段类型,详见:[字段配置](https://www.kancloud.cn/worklz/yunj_admin_universal/2024522) | | options | object | 是 | 配置项 | * 配置项参数 | key | 类型 | 是否必须 | 说明 | | --- | --- | --- | --- | | formId | string | 是 | 表单id | | key | string | 是 | 字段key | | args | object | 否 | [字段配置](https://www.kancloud.cn/worklz/yunj_admin_universal/2024522) | 注意:字段配置args中`type`属性不再必须(由`yunj.formField(type,options)`第一个参数取代),`title`/`desc`属性不设置的情况下,不再渲染对应属性的html结构。 ## 常用方法 * **yunj.formClear(formId)** 清空表单id对应的所有字段值 * **yunj.formReset(form_id)** 重置表单id对应的所有字段值 * **yunj.formData(formId)** 获取表单id对应的所有字段值