表单校验问题

表单校验问题

表单里校验对象的格式

复制代码
<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 小时前
前端炫酷展开效果
前端·javascript·vue
夏幻灵2 小时前
过来人的经验-前端学习路线
前端
CappuccinoRose2 小时前
React框架学习文档(七)
开发语言·前端·javascript·react.js·前端框架·reactjs·react router
FFF-X2 小时前
前端字符串模糊匹配实现:精准匹配 + Levenshtein 编辑距离兜底
前端
Hi_kenyon2 小时前
Ref和Reactive都是什么时候使用?
前端·javascript·vue.js
止观止3 小时前
深入理解 interface vs type:终结之争
前端·typescript
css趣多多3 小时前
vue环境变量
前端
RFCEO3 小时前
前端编程 课程十五、:CSS核心基础3:文字+段落样式
前端·css·文字+段落样式·css文本样式·美化页面文本内容·演示动画说明·单行文字垂直居中技
摇滚侠3 小时前
【程序员入门系列】jQuery 零基础入门到精通!Jquery 选择器 API
前端·javascript·jquery
im_AMBER3 小时前
Leetcode 111 两数相加
javascript·笔记·学习·算法·leetcode