专注于vue好的表列过滤器搜索

Question

当输入获得/失去焦点时，是否可以更改模型中的值？

这里的用例是一个搜索输入，可以在您键入内容时显示结果，这些结果仅在焦点位于搜索框上时显示。

这是我到目前为止的内容：

    <script>
      data(){
        return {
          columns: [
            {
              label: 'Principle',
              field: 'principlecode',
             filterOptions: {
                enabled: true,
              }
            },
            {
              label: 'Outlet Name',
              field: 'outletname',
            }, 
            {
              label: 'Status',
              field: 'status',
              filterOptions: {
                enabled: true,
                filterDropdownItems: [  
                    { value: 'Active', text: 'Active'},
                    { value: 'In-Active', text: 'In-Active' },  
                ],
              },
            },
            {
              label: 'Created Date',
              field: 'createddate',
              type: 'Date',
            },
          ],
          rows: '',
          },
          search_text:'',
        };
      },
      mounted() {
        this.fn_onPrincipleOutlet();
      },
      methods: {    
          fn_onPrincipleOutlet() {
          //Api call
        },
        onColumnFilter(params) {
            //Api call
       },
      }
    };
    </script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
    <template>
      <Layout>
        <PageHeader/>
                <vue-good-table
                :columns=""columns""
                :rows=""rows""
                @on-column-filter=""onColumnFilter""
                styleClass=""vgt-table striped bordered""/>
        </Layout>
    </template>

需要关注oncolumnfilter函数中的当前搜索值。意味着我们有3列带有过滤器的过滤器，无论我们选择哪个过滤器，我们都需要vue良好表中该当前元素的焦点