vue3中解决input输入中文过程回车触发enter事件
<template>
<el-input
v-model="question"
placeholder="您好，想问点什么？"
@keydown.enter="handleEnter"
@compositionend="compositionend"
@compositionstart="compositionstart"
/>
</template>
<script setup>
let inputEnd = true;
const compositionend = (event) => {
event.preventDefault();
inputEnd = true;
};
const compositionstart = (event) => {
event.preventDefault();
inputEnd = false;
};
const handleEnter = (event) => {
event.preventDefault();
if(inputEnd){
console.log("handleEnter");
}
};
<script>
