qq_30353551 2022-11-10 14:20 采纳率: 100%
浏览 273
已结题

el-input使用show-password,icon显示问题

问题遇到的现象和发生背景

element-plus,el-input使用show-password,显示图标很大

用代码块功能插入代码,请勿粘贴截图
            <el-form 
            ref="ruleFormRef" 
            :model="ruleForm" 
            :rules="rules" 
            label-width="400px"
            label-position="top"
            size:large
            >
                <h1>Welcome Login</h1>
                <el-form-item prop="username">
                    <el-input
                    :prefix-icon="User"
                    clearable 
                    v-model="ruleForm.username"
                    placeholder="请输入账号"
                    >
                </el-input>
                </el-form-item>
                <br>
                <el-form-item prop="password">
                    <el-input
                        v-model="ruleForm.password"
                        placeholder="请输入密码"
                        type="password"
                        show-password
                    >
                    <template #prefix>
                        <el-icon class="el-input__icon"><Lock /></el-icon>
                    </template>
                    </el-input>
                </el-form-item>
                <br>
                <el-form-item>
                    <el-button type="success" @click.native.prevent="login('form')">Login</el-button>
                </el-form-item>
            </el-form>
        </el-card>
    </div>
</div>
运行结果及报错内容

img

我想要达到的结果

怎么才能让icon显示在input里面呢

  • 写回答

2条回答 默认 最新

  • hfhan_872914334 2022-11-10 14:25
    关注

    你没有引入element-ui自带的样式吧

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • CSDN-Ada助手 CSDN-AI 官方账号 2022-11-10 16:24
    关注
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 11月18日
  • 已采纳回答 11月10日
  • 创建了问题 11月10日

悬赏问题

  • ¥15 怎么使请求通过cors
  • ¥15 WDM 驱动ACPI 相关疑问
  • ¥15 prism 跨窗体共享数据绑定 wpf
  • ¥15 hdl designer突然用不了系统的moduleware组件,请问有人遇到或者怎么解决吗?
  • ¥15 0基础计算机毕设,应该从哪开始?
  • ¥60 使用DKT40脑图划分ROI区域
  • ¥15 有偿解决C51单片机液晶屏12864显示问题
  • ¥15 IDEA构建失败?怎么搞
  • ¥15 求该题的simpson,牛顿科特斯matlab代码,越快越好
  • ¥35 如何编译arm板子的gcc