index.vue

<template>
  <SearchLayout :history="true" @search="handleSearch" />
</template>

<script>
import SearchLayout from './components/SearchLayout'
export default {
  name: 'HomeSearch',
  components: { SearchLayout },
  data () {
    return {
    }
  },
  methods: {
    handleSearch (val) {
      this.$router.push({ name: 'GlobalSearchResult', query: { keyword: val } })
    }
  }
}
</script>