＜el-input-number＞ 回车自动失去焦点
<el-input-number 回车自动失去焦点
在使用 组件时，如果你希望在用户按下回车键后自动让输入框失去焦点，可以通过监听键盘事件来实现。以下是一个简单的例子，展示了如何在 Vue 中使用 Element UI 的 组件来实现这个需求：
<template>
<el-input-number
v-model="value"
@keyup.enter.native="blurOnEnter"
></el-input-number>
</template>
<script>
export default {
data() {
return {
value: 0,
};
},
methods: {
blurOnEnter(event) {
if (event.key === 'Enter') {
event.target.blur();
}
},
},
};
</script>
在这个例子中，我们使用了 @keyup.enter.native 监听原生的键盘事件。当用户在 组件内按下回车键时，blurOnEnter 方法会被触发，并调用 event.target.blur() 方法来让输入框失去焦点。
原文地址：https://blog.csdn.net/xcbzsy/article/details/143022170
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！