elementUI el-autocomplete 在ie9无法正常使用

同标题,发现有时可以搜索,有时无法触发搜索,后来发现是如果不失焦,是不会触发后台接口去请求数据的;

因此用watch监听了数据的变化,然后用js失焦

watch: {
    "formData.name": {
      handler(newVal, oldVal) {
        if (this.isIE9) {
          // ie9的操作
          if (oldVal) {
            if (newVal != oldVal) {
             
              this.clearTimer();
              this.timer = setTimeout(function() {
                $("#autocompleteInput").blur();
                $("#autocompleteInput").focus();
              }, 5000);
            }
          }
        }
      },
      deep: true
      // 代表在wacth里声明了firstName这个方法之后立即先去执行handler方法
      // immediate: true
    }
  }

  

autocompleteInput为远程搜索的DOM元素

这样可以让其触发搜索,但是仍有搜索时不连贯,输入被失焦打断的问题需解决
posted @ 2019-09-27 15:31  随意滴博客  阅读(642)  评论(0编辑  收藏  举报