el-input 左边加图标

要在`el-input`组件的左边添加图标，你可以使用`prefix-icon`属性。这是官方文档的说明[^1]：

<el-input v-model="value" placeholder="请输入" :prefix-icon="iconName"> <!-- iconName是你想要显示的图标名 -->
</el-input>

其中，`iconName`可以是element-ui提供的图标类名，如`el-icon-search`。这样，当你输入文本时，图标会出现在输入框的左侧。

如果你还想实现当输入类型切换时，图标状态也相应改变的情况[^2]，可以在方法中监听`input`元素的变化，比如：

methods: {
  toggleInputType() {
    this.inputType = this.inputType === 'password' ? 'text' : 'password';
    // 根据inputType更改图标显示状态
    if (this.inputType === 'text') {
      this.iconVisible = true; // 显示图标
    } else {
      this.iconVisible = false; // 隐藏图标
    }
  }
}

然后在模板中绑定`v-model.lazy`到`inputType`和`iconVisible`：

<template>
  <el-input
    v-model.lazy="value"
    :type="inputType"
    :placeholder="placeholder"
    :prefix-icon="{ type: 'el-icon-search', visible: iconVisible }"
    @keyup.native="$emit('input', $event.target.value)"
    @blur="toggleInputType"
  ></el-input>
</template>

记得替换`placeholder`、`inputType`和`iconVisible`为你实际的变量名。