表单中使用el-col 导致输入框无法获取焦点，输入不行。

最新推荐文章于 2024-12-20 10:44:00 发布

会魔法的Vicky

最新推荐文章于 2024-12-20 10:44:00 发布

阅读量3.5k

点赞数 7

分类专栏： Elementui

本文链接：https://blog.youkuaiyun.com/weixin_45739895/article/details/104635209

版权

Elementui 专栏收录该内容

2 篇文章

订阅专栏

本文解决了Element UI框架中表单元素使用el-col时无法获取焦点的问题，通过正确使用el-row和el-col组合，确保了输入框能够正常接收输入。

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

表单中使用el-col 导致输入框无法获取焦点，输入不行。

在这里插入图片描述
解决方法：不能只单写一个el-col，要配合一起el-row使用。

<el-row>
      <el-col :span="12">
      <el-form-item label="最小起订" prop="minorder">
          <el-input v-model="addForm.minorder"></el-input>
        </el-form-item>
        </el-col>
          <el-col :span="12">
        <el-form-item label="采购周期" prop="time">
          <el-input v-model="addForm.time"></el-input>
        </el-form-item>
          </el-col>
</el-row>