Vue开发报错：Incorrect use of ＜label for=FORM_ELEMENT＞

原创于 2023-07-27 11:54:48 发布 · 5.6k 阅读

CC 4.0 BY-SA版权

文章标签：

在开发Vue.js的demo时遇到错误提示Incorrectuseof<labelfor=FORM_ELEMENT>,问题在于<label>标签未与<input>的id属性对应。解决方法是在<el-form-item>的label添加for属性，使其与<input>的id相同，如for=account与id=account匹配。参照文档可了解更多详情。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 问题起因

在写自己的demo的时候发现错误Incorrect use of <label for=FORM_ELEMENT>，其实就是提醒没有正确使用label
请添加图片描述
通过资源提示找到节点发现是label标签和input标签没有对应。

解决方法

在有label属性的标签中加入for属性，需要和input中的id属性对应。

  <el-form-item label="账号" prop="account" for="account">
  <el-input
    v-model="formInline.account"
    placeholder="账号"
    id="account"
  >
  </el-input>