一、该问题的重现步骤是什么?
1. 动态表单设计,选择附件组件
提交参数如下:
{
"id": "1927264164775342082",
"createUser": "1123598821738675201",
"createDept": "1123598813738675201",
"createTime": "2025-05-27 15:22:38",
"updateUser": "1123598821738675201",
"updateTime": "2025-05-28 10:18:11",
"status": 1,
"isDeleted": 0,
"tenantId": "000000",
"formKey": "key1748330546983",
"name": "527ljb新建表单",
"content": "{column:[{type:'upload',label:'上传',span:24,display:true,showFileList:true,multiple:true,limit:10,propsHttp:{url:'link',name:'fileName',res:'data'},prop:'a174839865332554963',action:'/hrss-recruit-api/blade-hrss-recruit/administrator/help/project/put-file',listType:'text'}],labelPosition:'left',labelSuffix:':',labelWidth:120,gutter:0,menuBtn:true,submitBtn:true,submitText:'提交',emptyBtn:true,emptyText:'清空',menuPosition:'center'}",
"appContent": "{\"column\":[{\"type\":\"upload\",\"label\":\"上传\",\"span\":24,\"display\":true,\"showFileList\":true,\"multiple\":true,\"limit\":10,\"propsHttp\":{\"url\":\"link\",\"name\":\"fileName\",\"res\":\"data\"},\"prop\":\"a174839865332554963\",\"action\":\"/hrss-recruit-api/blade-hrss-recruit/administrator/help/project/put-file\",\"listType\":\"text\"}],\"labelPosition\":\"left\",\"labelSuffix\":\":\",\"labelWidth\":120,\"gutter\":0,\"menuBtn\":true,\"submitBtn\":true,\"submitText\":\"提交\",\"emptyBtn\":true,\"emptyText\":\"清空\",\"menuPosition\":\"center\"}",
"version": 9,
"categoryId": null,
"remark": "",
"categoryName": "",
"createUserName": "超级管理员",
"updateUserName": "超级管理员",
"loading": false,
"statusLoading": false,
"hasDesign": true,
"newVersion": false
}
2. 通过
<nf-form ref="viewFormRef" v-model="viewForm" :option="viewOption"></nf-form>
渲染的时候,渲染正常,上传功能也正常,但实际上,绑定的viewForm是个空对象
3.最后查看提交结果的时候,自然就看不到附件上传内容了;此外,哪怕手动把viewForm置为空对象,下次打开弹窗的时候,已上传的附件还是依然存在,没有被清空掉
二、你期待的结果是什么?实际看到的又是什么?
三、你正在使用的是什么产品,什么版本?在什么操作系统上?
bladex前端saber框架
@nutflow/nf-form-design-elp1.5.2
@nutflow/nf-form-elp1.5.2
四、请提供详细的错误堆栈信息,这很重要。
没有错误信息,单纯就是功能不正常
五、若有更多详细信息,请在下面提供。
问题已登记,加下这个工作流官方的qq,提供下详细的步骤来帮你排查下。
注意申请的时候备注插件bug反馈
最后解决,不要直接渲染nf-from组件,需要加上v-if来控制
<nf-form
ref="viewFormRef"
v-model="viewForm"
:option="viewOption"
v-if="(viewOption.column && viewOption.column.length > 0) || (viewOption.group && viewOption.group.length > 0)"
></nf-form>
nf-form实际上就是
import NfForm from '@nutflow/nf-form-elp'
扫一扫访问 Blade技术社区 移动端