修复导航点击失效问题

components/layout/AiDvWrapper/layout/primary.vue

@@ -2,8 +2,8 @@
   <section class="primary">
     <div flex class="content">
       <b class="headerTitle" v-text="title"/>
-      <el-tabs class="fill">
-        <el-tab-pane v-for="tab in tabs" :key="tab.id" :label="tab.label" @click.native="$emit('change',tab.id)"/>
+      <el-tabs class="fill" v-model="current" @tab-click="$emit('change', current)">
+        <el-tab-pane v-for="tab in tabs" :key="tab.id" :label="tab.label" :name="tab.name"/>
       </el-tabs>
       <div class="rightPane" flex>
         <div class="item" v-text="currentTime"/>
@@ -38,6 +38,11 @@ export default {
       // {label: "测试哦哦", id: 10},
     ]
   },
+  data() {
+    return {
+      current: ""
+    }
+  },
   methods: {
     getWeather() {
       this.$request.post("/app/weather/queryWeather").then(res => {
@@ -101,7 +106,7 @@ export default {
         font-size: 20px;
         font-weight: 400;
         font-family: "PingFang SC";
-        padding: 0 16px;
+        user-select: none;
 
         &.is-active {
           color: #02FEFF;