表单校验问题

表单校验问题

表单里校验对象的格式

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

相关推荐
We་ct1 天前
LeetCode 918. 环形子数组的最大和:两种解法详解
前端·数据结构·算法·leetcode·typescript·动态规划·取反
qq_406176141 天前
深入浅出 Pinia:Vue3 时代的状态管理新选择
javascript·vue.js·ecmascript
wefly20171 天前
m3u8live.cn 在线M3U8播放器,免安装高效验流排错
前端·后端·python·音视频·前端开发工具
C澒1 天前
微前端容器标准化 —— 公共能力篇:通用打印
前端·架构
德育处主任Pro1 天前
前端元素转图片,dom-to-image-more入门教程
前端·javascript·vue.js
木斯佳1 天前
前端八股文面经大全:小红书前端一二面OC(下)·(2026-03-17)·面经深度解析
前端·vue3·proxy·八股·响应式
陈天伟教授1 天前
人工智能应用- 预测新冠病毒传染性:04. 中国:强力措施遏制疫情
前端·人工智能·安全·xss·csrf
叫我一声阿雷吧1 天前
JS 入门通关手册(23):JS 异步编程:回调函数与异步本质
javascript·es6·前端面试·回调函数·回调地狱·js异步编程·异步本质
zayzy1 天前
前端八股总结
开发语言·前端·javascript
今天减肥吗1 天前
前端面试题
开发语言·前端·javascript