src/components/fixed/header.vue

@@ -3,16 +3,18 @@
      <a-col v-bind="showSmall">
         <div class="menu">
            <router-link to="/">Home</router-link>
            <router-link to="/main2">乐谱搜索</router-link>
            <router-link to="/main3">我的网盘</router-link>
            <router-link to="/main4">友人帐</router-link>
            <router-link to="/comment">碎碎念</router-link>
            <router-link to="/link">友人帐</router-link>
            <router-link to="/platform">月台</router-link>
            <router-link to="/login">登录</router-link>
            <router-link to="/edit" v-if="showHidenButton">编辑</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>
@@ -23,8 +25,15 @@
</template>

<script>
   import myConstant from "../../config/myConstant.js"
   export default {
      mounted() {
         let tempVisitorData = localStorage.getItem(myConstant.visitorDataKey);
         if (tempVisitorData != null && JSON.parse(tempVisitorData).nickName == myConstant.userName) {
            //this.$message.info("认证成功..")
            this.showHidenButton = true
         }

         let self = this;
         let code = 0;
         let code2 = 0;
@@ -64,8 +73,10 @@
      },
      data() {
         return {
            showHidenButton: false,
            search: {
               placeholder: "ctrl+shift+f/enter",
               //placeholder: "ctrl+shift+f/enter",
               placeholder: "搜索框未营业..",
               // allowClear: true,
               // autoFocus: true,
               backfill: true,
@@ -115,8 +126,9 @@
            console.log("补全..");
         },
         onSelect(value) {
            console.log('回车', value);
            this.$message.info("回车,内容为" + value)
            // console.log('回车', value);
            this.$message.info("这个功能会等到内容足够多的时候再打开..")
            // this.$message.info("回车,内容为" + value)
         },
         onChange(value) {
            console.log('修改', value);
@@ -130,6 +142,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;
      }