1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | <el-col :lg= "24" :xl= "24" > <el-form-item v- if = "isEdit" label= "密码" prop= "memberPassword" :label-width= "formLabelWidth" > <el-input ref= "passWord" v-model= "organizationData.memberPassword" placeholder= "请输入密码" :readonly= "readonlyDis" autocomplete= "new-password" show-password @focus= "passFocus" @blur= "passBlur" @input= "passInput" /> </el-form-item> </el-col>data() { readonlyDis: true } /** * 得到焦点 去掉只读属性 */ passFocus() { setTimeout(() => { this .readonlyDis = false }, 0) }, /** * 失去焦点 */ passBlur() { this .readonlyDis = true }, /** * 添加input事件测试事件的变化 */ passInput(val) { if (val === '' ) { this .passBlur() this .passFocus() } else { this .passFocus() } }, |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~