表单校验问题

表单校验问题

表单里校验对象的格式

复制代码
<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是中文的时候校验不通过。

相关推荐
pe7er2 小时前
window管理开发环境篇 - 持续更新
前端·后端
We་ct3 小时前
LeetCode 5. 最长回文子串:DP + 中心扩展
前端·javascript·算法·leetcode·typescript
陈随易7 小时前
有生之年系列,Nodejs进程管理pm2 v7.0发布
前端·后端·程序员
冰暮流星7 小时前
javascript之事件代理/事件委托
前端
陈随易8 小时前
AI时代,你还在坚持手搓文章吗
前端·后端·程序员
里欧跑得慢10 小时前
17. Flutter Hero动画实现:让界面过渡更加优雅
前端·css·flutter·web
IT_陈寒11 小时前
Vue的这个响应式陷阱,我debug了一整天才爬出来
前端·人工智能·后端
cn_mengbei11 小时前
用React Native开发OpenHarmony应用:Reanimated共享元素过渡
javascript·react native·react.js
kyriewen11 小时前
前端测试:别为了100%覆盖率而写测试,那是自欺欺人
前端·javascript·单元测试
去伪存真11 小时前
我自己写的第一个skills--project-core-standards
前端·agent