input框 中文模式 拼音问题

问题:
input需要监听变化,在使用中文模式进行输入时,页面上的拼音会引起变化,触发事件发送接口
解决方法:
将@change变为@input

<template>
  <input
    v-model="keyword"
    :placeholder="placeholder"
    @input="handleKeyup"
  />
</template>
<script>
export default {
  data() {
    return {
      placeholder: 'placeholder',
      keyword: '',
      time: null,
    };
  },
  methods: {
    handleKeyup: function () {
      clearTimeout(this.time);
      let keyword = this.keyword;
      keyword = keyword && String(keyword).trim();
      if (keyword) {
        this.time = setTimeout(() => {
          xxxxxxxx;
        }, 300);
      }
    },
  },
};
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容