Vue -- input输入框支持可远程搜索

一、功能展示：

二、代码：

1、template中

2、在script中

         data() {
              return {
                 keyword:''   //input框输入的关键字
             }
        },
  


        methods:{
            //queryString 为在框中输入的值
            //cb回调函数,将处理好的数据推回
             querySearchAsync(queryString, cb) {
                   //调用远程接口 将返回数据封装成 [{value:xxx,key2:value2},{value:xxx,key2:value2}]这样的形式，其中value关键字是必须的，检索框要根据该字段显示，其余的根据需求而定
              },

          //@select="handleSelect"  是选中某一列触发的事件,在这里item为选中字段所在的对象
          handleSelect(item) {
               console.log(item);
          },
     }

嗯，好了，就到这里了，记录工作小点滴，让无知有处可寻……