表单校验问题

表单校验问题

表单里校验对象的格式

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

相关推荐
T___T3 分钟前
从入门到实践:React Hooks 之 useState 与 useEffect 核心解析
前端·react.js·面试
山有木兮木有枝_3 分钟前
当你的leader问你0.1+0.2=?
前端
前端程序猿之路6 分钟前
模型应用开发的基础工具与原理之Web 框架
前端·python·语言模型·学习方法·web·ai编程·改行学it
名字被你们想完了7 分钟前
Flutter 实现一个容器内部元素可平移、缩放和旋转等功能(八)
前端·flutter
听风说图7 分钟前
Figma画布协议揭秘:组件系统的设计哲学
前端
sure2827 分钟前
在react native中实现短视频平台滑动视频播放组件
前端·react native
weibkreuz9 分钟前
React开发者工具的下载及安装@4
前端·javascript·react
代码猎人10 分钟前
link和@import有什么区别
前端
万少10 分钟前
HarmonyOS6 接入快手 SDK 指南
前端·harmonyos
小肥宅仙女12 分钟前
React + ECharts 多图表联动实战:从零实现 Tooltip 同步与锁定功能
前端·react.js·echarts