vue+element的几种输入框

1，<el-input placeholder="用户名" style="width:100px;margin-left:20px;"> <i slot="prefix" class="el-input__icon el-icon-search">&amp

nzstjhk

3799人浏览 · 2018-10-09 11:02:11

nzstjhk · 2018-10-09 11:02:11 发布

1，

<el-input placeholder="用户名" style="width:100px;margin-left:20px;">

</el-input>

2，

<el-input placeholder="用户名" style="width:100px;margin-left:20px;">

</el-input>

3，

<el-input placeholder="用户名" style="width:100px;margin-left:20px;">

</el-input>

.el-input__inner{

border-radius: 20px;

}

4，

<el-input placeholder="用户名" style="width:300px;margin-left:20px;">

<el-button slot="append" icon="el-icon-search"></el-button>

</el-input>

5，

<el-input placeholder="用户名" style="width:300px;margin-left:20px;">

</el-input>

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}$/, //不连续的两位字母// /^