<template>
<div id="app">
<input v-model="value" @input="input" @compositionstart="compositionstart" @compositionend="compositionend" />
</div>
</template>
<script>
export default {
name: "App",
components: {
},
data() {
return {
value: "",
isInputZh: ""
};
},
methods: {
input() {
if (this.isInputZh) return;
console.log(this.value)
},
compositionstart() {
this.isInputZh = true;
},
compositionend() {
this.isInputZh = false;
}
}
};
</script>
<style>
</style>
参考网址:
https://muyiy.cn/question/js/79.html