index.vue

<template>
  <div class="global-search">
    <SearchLayout :history="true" @seach="handleSearch" />
  </div>
</template>

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

<style lang="less" scoped>
.global-search {
  height: 100%;
}
</style>