在ReactiveSearch Vue组件中寻找@valueChange的示例实现

<template>
  <div>
    <ReactiveBase :app="app" :url="url">
      <DataSearch
        :componentId="'searchComponent'"
        :dataField="['title', 'description']"
        :placeholder="'Search'"
        @valueChange="handleValueChange"
      />
    </ReactiveBase>
  </div>
</template>

<script>
import { ReactiveBase, DataSearch } from '@appbaseio/reactivesearch-vue';

export default {
  data() {
    return {
      app: 'your_app_name',
      url: 'your_elastic_search_url',
    };
  },
  methods: {
    handleValueChange(value) {
      // 处理搜索值变化的逻辑
      console.log('搜索值变化:', value);
    },
  },
};
</script>