el-form-item点眼睛显示密码

如果你想在 `el-form-item` 中添加一个“显示/隐藏密码”按钮，让用户可以轻松地切换密码输入框的可见性，可以使用 `el-input` 组件的 `show-password` 属性和 `append` 插槽。

具体的实现步骤如下：

1. 在 `el-form-item` 中使用 `el-input` 组件，并将其 `type` 属性设置为密码类型，同时将其 `v-model` 绑定到你的数据模型中。

<el-form-item label="密码">
  <el-input type="password" v-model="password"></el-input>
</el-form-item>

2. 在 `el-input` 组件中添加 `show-password` 属性，以启用“显示/隐藏密码”按钮。

<el-form-item label="密码">
  <el-input type="password" v-model="password" show-password></el-input>
</el-form-item>

3. 在 `el-input` 组件中使用 `append` 插槽创建一个按钮，当点击该按钮时，可以切换密码输入框的可见性。

<el-form-item label="密码">
  <el-input type="password" v-model="password" show-password>
    <template v-slot:append>
      <i class="el-icon-view" v-show="!showPassword" @click="showPassword = true"></i>
      <i class="el-icon-view-off" v-show="showPassword" @click="showPassword = false"></i>
    </template>
  </el-input>
</el-form-item>

4. 在你的组件中定义一个 `showPassword` 变量，并在点击按钮时切换它的值。

data() {
  return {
    password: '',
    showPassword: false
  }
}

这样，当用户点击“显示密码”按钮时，密码输入框将变为文本输入框，用户可以轻松地查看密码。而当用户再次点击该按钮时，密码输入框将再次变为密码输入框。