Bootstrap

el-form-item不显示报错$option;label和input不是行内样式显示;el-form表单校验不生效;el-form表单校验正则

<el-form :model="form" label-width="80px" :rules="rules">
     <el-form-item label="经度" prop="longitude">
         <el-input type="number" v-model="form.longitude"></el-input>
     </el-form-item>
     <el-form-item label="纬度" prop="latitude">
         <el-input type="number" v-model="form.latitude"></el-input>
     </el-form-item>
     <el-form-item style="text-align:center">
         <el-button icon="el-icon-search" size="mini" type="primary" @click="onSubmit">提交</el-button>
     </el-form-item>
</el-form>

1.el-form-item不显示报错$option

原本想着是使用一下组件库的排版。只使用了el-form-item,外层没有使用el-form结果报错$option。不要偷懒还是要一起使用。

2.label和input不是同行显示 行内显示

<
;