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

作者：小蓝xlanll | 2024-02-19 05:12:46

踩

incorrect use of

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>
1
2
3
4
5
6
7

在报错中的了解详情里可以跳转至文档，查看文档的例子。
在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/112828