src/components/fixed/header.vue

@@ -2,16 +2,18 @@
   <a-row type="flex" justify="start">
      <a-col v-bind="showSmall">
         <div class="menu">
            <router-link to="/main1">Home »</router-link>
            <router-link to="/main2">乐谱搜索 »</router-link>
            <router-link to="/main3">我的网盘 »</router-link>
            <router-link to="/main4">友人帐 »</router-link>
            <router-link to="/">Home</router-link>
            <router-link to="/main2">乐谱搜索</router-link>
            <router-link to="/comment">碎碎念</router-link>
            <router-link to="/link">友人帐</router-link>
            <router-link to="/login">登录</router-link>
            <!-- <router-link to="/comment">测试页</router-link> -->
         </div>
      </a-col>
      <a-col v-bind="showMain">
         <a-auto-complete v-model="search.value" :data-source="search.dataSource" ref="mySearch" v-bind="search"
            @select="onSelect" @search="onSearch" @change="onChange">
            <a-input @keydown.enter="onSelect">
            <a-input >
               <a-icon slot="suffix" type="search" class="certain-category-icon" />
            </a-input>
         </a-auto-complete>
@@ -65,7 +67,7 @@
         return {
            search: {
               placeholder: "ctrl+shift+f/enter",
               allowClear: true,
               // allowClear: true,
               // autoFocus: true,
               backfill: true,
               value: '',
@@ -115,6 +117,7 @@
         },
         onSelect(value) {
            console.log('回车', value);
            this.$message.info("更多功能..敬请期待")
            this.$message.info("回车,内容为" + value)
         },
         onChange(value) {
@@ -129,6 +132,12 @@
</script>
<style lang="less" scoped>
   .menu {
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      -khtml-user-select: none;
      user-select: none;

      a {
         margin-left: 10px;
      }