element from 表单位置对齐

最新推荐文章于 2024-08-07 11:10:27 发布

小四是个处女座

最新推荐文章于 2024-08-07 11:10:27 发布

阅读量8.7k

点赞数 6

分类专栏：前端文章标签： css3 vue.js element elementui

本文链接：https://blog.csdn.net/xiaosi1413/article/details/121902610

版权

前端专栏收录该内容

72 篇文章 6 订阅

订阅专栏

"本文探讨了在前端开发中如何使用`el-form`组件进行表单布局，特别是通过`label-position="left"`和`label-width="80px"`属性来设置文字位置和宽度。示例代码展示了如何配置标题和链接输入框，并利用`v-model`双向绑定数据，同时考虑了输入项的禁用状态。"

摘要由CSDN通过智能技术生成

label-position=“left” 控制文字位置但是先要控制文字宽度
label-width=“80px”

   <el-form :model="navigation" :rules="rules" ref="navigation" label-position="left"   label-width="80px">
             <el-form-item label="标题" prop="name">
               <el-input v-model="navigation.name"  :disabled="dialogState"></el-input>
             </el-form-item>
            <el-form-item label="链接" prop="jumpUrl">
               <el-input v-model="navigation.jumpUrl" :disabled="dialogState"></el-input>
             </el-form-item>
    </el-form>

在这里插入图片描述