element-ui el-input 密码输入框自定义显示隐藏图标

准备图标或者图片

标签代码

:type="pwdObj.pwdType"

v-model="password"

@focus="focusEnd($event)">

class="img-sty"

:src="getIconUrl(pwdObj.pwdType === 'text' ? 'offeye' : 'openeye')"

fit="scale-down"

@click="changeye('pwdType', 'pwdInput')" />

可能自定义图标后，显示的位置没那么准确，根据需要通过css调整

.img-sty {

cursor: pointer;

margin-top: 10px;

}

最终效果