vue使用element-ui的input框如何加上小图标

element的input框如何加上小图标1.在input框前面加上小图标在标签内部加上refix-icon属性prefix-icon="iconfont el-icon-search"2.在input框后面加上小图标在标签内部加上suffix-icon属性suffix-icon="iconfont el-icon-search"...

HouMengFei_

4273人浏览 · 2021-05-15 10:13:29

HouMengFei_ · 2021-05-15 10:13:29 发布

element的input框如何加上小图标

1.在input框前面加上小图标
在这里插入图片描述

 在标签内部加上refix-icon属性
 prefix-icon="iconfont el-icon-search"

2.在input框后面加上小图标
在这里插入图片描述

 在标签内部加上suffix-icon属性
 suffix-icon="iconfont el-icon-search"

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