element Ui 实现密码的显示与隐藏

          话不多说我们直接进入主题，要想实现密码的显示与隐藏，我们直接在el-input框中加入show-password 即可

我原先给密码输入框设置了 type="password" (输入框类型为密码，即所输入的内容都是以“密文”形式展示)

优：以密文展示；

劣：不能查看所输入的内容；

 <el-form-item label="密码" prop="dorPassword">
     <el-input v-model="form.dorPassword" style="width:260px;" type="password">
     </el-input>
 </el-form-item>

---

 密码的显示与隐藏

<el-form-item label="密码" prop="dorPassword">
    <el-input v-model="form.dorPassword" style="width:260px;" show-password>
    </el-input>
</el-form-item>

点击查看小图标就可以查看了