el-input 密码睁眼闭眼

el-input是Element UI框架中的一个输入框组件，用于接收用户的输入。密码睁眼闭眼功能是el-input组件的一个特性，可以让用户在输入密码时选择是否显示密码明文。

当设置type属性为"password"时，el-input会默认显示为密码输入框，输入的内容会被隐藏为圆点或星号。而当设置type属性为"text"时，el-input会显示为文本输入框，输入的内容将以明文形式显示。

使用密码睁眼闭眼功能可以通过设置el-input的属性来实现。具体步骤如下：
1. 在el-input组件上添加一个v-model指令，用于绑定输入框的值。
2. 设置type属性为"password"，使其显示为密码输入框。
3. 添加一个图标按钮，用于切换密码的显示状态。
4. 在图标按钮上添加一个点击事件，通过改变type属性的值来实现密码的睁眼闭眼效果。

以下是一个示例代码：

<template>
  <div>
    <el-input v-model="password" :type="inputType" placeholder="请输入密码"></el-input>
    <i class="el-icon-view" :class="{'el-icon-view-show': showPassword}" @click="togglePassword"></i>
  </div>
</template>

<script>
export default {
  data() {
    return {
      password: '',
      inputType: 'password',
      showPassword: false
    };
  },
  methods: {
    togglePassword() {
      this.showPassword = !this.showPassword;
      this.inputType = this.showPassword ? 'text' : 'password';
    }
  }
};
</script>

通过上述代码，当用户点击图标按钮时，会触发togglePassword方法，该方法会改变showPassword的值，并根据showPassword的值来动态改变inputType的值，从而实现密码的睁眼闭眼效果。