element-plus 如何在弹窗中独立管理密码输入框的明文/密文状态?-灵析社区

MaxClick

element-plus 一个弹窗里使用了form表单,其中有个密码输入框,使用show-password显示切换密码图标时,发现打开一个弹窗将密码设置成了明文,关闭弹窗打开另外一个内容,密码也依然会显示成明文。 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240917/688b9d743631b837e1325dc254dca459.png) ![1723171541122.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240917/82391b0717cf16cdb7f475a13ca82dd8.png) 后面有尝试过:show-password="showPassword",弹窗关闭时showPassword设置为false,打开时设置为true,然而还是没有用。 // 关闭弹窗 const handleClose = () => { state.dialogVisible = false; state.showPassword = false; }; // 打开弹窗 const addAccount = (formEl: FormInstance | undefined) => { state.dialogVisible = true; state.showPassword = true; nextTick(() => { if (formEl) { formEl.resetFields(); } }); }; 如何让密码框不共享明文密文这个状态?

阅读量:168

点赞量:0

问AI
biubiuuuuu
你在点击关闭的时候,或者重新打开弹窗的时候,重置一下这个密码框的状态