表单校验问题

表单校验问题

表单里校验对象的格式

复制代码
<a-form-item
  v-for="(item, i) in currentSheetData"
  label=""
  validate-trigger="input"
  label-col-flex="120px"
  :key="i"
>
	<a-form-item
      label="表头"
      validate-trigger="input"
      label-col-flex="60px"
      :field="`sheetData[${i}].startingLine`"
      :rules="[{ required: true, message: '请选择起始行' }]"
    >
    </a-form-item>
</a-form-item>
// 同步数据到表单模型
const currentSheetData = computed(() => {
  const data =
    addKnowledgeForm.value.excelSheetInfo?.[addKnowledgeForm.value.worksheet] ||
    [];
  addKnowledgeForm.value.sheetData = [...data]; // 保持响应式
  return data;
});

如果直接用addKnowledgeForm.value.excelSheetInfo?.[addKnowledgeForm.value.worksheet]来代替currentSheetData变量,就会出现sheet是中文的时候校验不通过。

相关推荐
鱼鱼块1 小时前
《最小栈的巧妙设计:用辅助栈实现 O(1) 获取最小值》
javascript·算法·面试
San301 小时前
反转字符串与两数之和:两道简单题背后的 JavaScript 思维深度
javascript·算法·面试
孟祥_成都1 小时前
前端角度学 AI - 15 分钟入门 Python
前端·人工智能
掘金安东尼1 小时前
Astro 十一月更新:新特性与生态亮点(2025)
前端
拉不动的猪1 小时前
判断dom元素是否在可视区域的常规方式
前端·javascript·面试
Hilaku2 小时前
如何用隐形字符给公司内部文档加盲水印?(抓内鬼神器🤣)
前端·javascript·面试
guxuehua2 小时前
Monorepo Beta 版本发布问题排查与解决方案
前端
猫头虎-前端技术2 小时前
小白也能做AI产品?我用 MateChat 给学生做了一个会“拍照解题 + 分步教学”的AI智能老师
前端·javascript·vue.js·前端框架·ecmascript·devui·matechat
b***66612 小时前
前端的dist包放到后端springboot项目下一起打包
前端·spring boot·后端