使用vue.js做前端如何每行，随自己意愿想写几个写几个input框

小白一名只是单纯的把这个当成有道云记录。很简单，我使用的element组件中的表单组件，先在<el-form>标签中使用 inline="true"属性（默认是：false），官网有更多属性(点击查看) 就可以把input框变成行内元素，然后在使用<el-col>标签，中间写几个input框，就代表中间的input框是一

随处瞎晃荡

3019人浏览 · 2018-06-13 18:10:04

随处瞎晃荡 · 2018-06-13 18:10:04 发布

小白一名只是单纯的把这个当成有道云记录。

很简单，我使用的element组件中的表单组件，先在<el-form>标签中使用 inline="true"属性（默认是：false），

官网有更多属性(点击查看)

就可以把input框变成行内元素，然后在使用<el-col>标签，中间写几个input框，就代表中间的input框是一行的。<el-col>可以写多个。使用<el-col>标签主要是把input框变成行内元素就行，不是非要用element组件才可以。

效果图：

代码截图只截了一丢丢：

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^