在引用elementUI的表单组件(自定义的校验规则)时,想添加验证码一项,并且【发送验证码】的button想要实现和验证码的el-input在同一行
通过网上查询资料发现,有人提供了解决办法时使用diaplay:inline样式,尝试发现都没有效果(不知道是不是自己操作的原因!)
所以就另找解决办法,通过el-row的方法解决啦!下面看代码!!!!!
<el-row>
<el-form-item label="手机号码" prop="pass">
<el-input type="password" v-model="ruleForm.phoneNumber" autocomplete="off"></el-input>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="密码" prop="pass" >
<el-input type="password" v-model="ruleForm.pass" autocomplete="off" ></el-input>
</el-form-item >
</el-row>
<el-row>
<el-form-item label="验证码" prop="checkPass" :inline="ture" >
<el-input type="password" v-model="ruleForm.checkPass" autocomplete="off" :inline="ture"></el-input>
</el-form-item>
<button :inline="ture">111</button>
</el-row>
运行效果!!!!!(样式有点丑还需要调整,但解决了一个小问题,所以记录一下)
希望大家有更好的解决办法