[JavaScript知识库]实现监听input访问接口【多种方法】

问题描述

现在我需要实现监听用户在input上的输入，并实时的查询

我尝试使用@change，但是发现element的input太慢了

解决方法

方法一：watch

watch:{
    queryTitle: {
      handler(val) {
        this.queryGroupName(val)
      }
    }
  },

queryTitle：v-model绑定的属性名

handler：不能修改！

val：监听到修改的数据

方法二：@input

<el-input
          :placeholder="labelInfo.labelP"
          prefix-icon="el-icon-search"
          v-model="queryQuestionTitle"
          clearable
          @clear="showTopicSetInfo"
          @keyup.enter.native="clickneme(queryQuestionTitle, sortData)"
          @input="clickneme"
        >
          <el-button
            slot="append"
            icon="el-icon-search"
            @click="clickneme(queryQuestionTitle)"
          ></el-button>
        </el-input>

@input：写在input内
clickneme：监听后调用的方法