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

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

很简单,我使用的element组件中的表单组件,先在<el-form>标签中使用 inline="true"属性(默认是:false),

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

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

效果图:

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

代码截图只截了一丢丢:

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