element ui,失焦点
时间: 2023-08-17 17:14:28 浏览: 60
在Element UI中,可以使用@blur事件来实现失去焦点的功能。你可以在需要的元素上添加@blur事件,并在对应的方法中处理相关操作。例如,在el-input组件中,可以这样写:
<el-input v-model="scope.row.name" :value="scope.row.name" @blur="handleBlur" />
在handleBlur方法中,你可以处理失去焦点后的操作,比如调用接口进行更新操作。同时,你也可以在handleBlur方法中添加提示信息,比如使用this.$message.success('修改成功')来显示修改成功的提示。这样,当元素失去焦点时,相关操作就会被触发。\[1\]\[3\]
#### 引用[.reference_title]
- *1* *3* [element ui 中添加回车事件,input失去焦点](https://blog.csdn.net/lifangfang0607/article/details/103449548)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [element-UI强制按钮失去焦点](https://blog.csdn.net/Stead_Fast/article/details/120206471)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文