element-ui的表单中，输入框、级联选择器的长度设置

最新推荐文章于 2024-09-10 13:42:23 发布

atregret

最新推荐文章于 2024-09-10 13:42:23 发布

阅读量1.1k

点赞数 4

文章标签： ui vue.js elementui

本文链接：https://blog.csdn.net/atregret/article/details/138872320

版权

使用<el-col>控制输入框的长度

 <el-form-item label="姓名" label-width="80px">
     <el-col :span="15">
         <el-input v-model="form.name" autocomplete="off"></el-input>
     </el-col>
 </el-form-item>

而<el-cascader/>自带居中效果，默认情况下无法与输入框对齐。可设置width:100%

<el-form-item label="省市" label-width="80px">
  <el-col :span="15">
      <el-cascader size="large" :options="pcTextArr" v-model="Options" style="width:100%;">
      </el-cascader>
  </el-col>
 </el-form-item>