品牌字母bug

 <template>
 <template>
     <div class="brand-list-box">
     <div class="brand-list-box">
         <div v-for="(item, index) in brandList" :key="index" class="per-brand-box">
         <div v-for="(item, index) in brandList" :key="index" class="per-brand-box">
-            <div class="index"><a :href="'#' + item.index" :name="item.index">{{item.index}}</a></div>
+            <div class="index"><a :href="'#' + item.index" :id="item.index" :name="item.index">{{item.index}}</a></div>
             <div class="brand-big-box clearfix">
             <div class="brand-big-box clearfix">
                 <div class="brand-box" v-for="brand in item.brands" :key="brand.name">
                 <div class="brand-box" v-for="brand in item.brands" :key="brand.name">
                     <a v-brand-href="brand.domain">
                     <a v-brand-href="brand.domain">
@@ -10,7 +10,7 @@
                 </div>
                 </div>
             </div>
             </div>
         </div>
         </div>
-        <index-list class="index-list" :index-list="indexList"></index-list>
+        <index-list class="index-list" :index-list="indexList" @loc-index="locIndex"></index-list>
     </div>
     </div>
 </template>
 </template>
 <style>
 <style>
@@ -141,6 +141,19 @@
                 }).fail(() => {
                 }).fail(() => {
                     tip('网络错误');
                     tip('网络错误');
                 });
                 });
+            },
+            locIndex(index) {
+                let $el = document.querySelector(`a[name="${index}"]`);
+
+                if ($el) {
+                    let top = document.querySelector(`a[name=${index}]`).offsetTop;
+                    let header = document.querySelector('.blk-header');
+
+                    if (header) {
+                        top -= header.clientHeight + 2;
+                    }
+                    window.scrollTo(0, top);
+                }
             }
             }
         },
         },
         components: {
         components: {

@@ -9,7 +9,7 @@
                 </div>
                 </div>
             </dd>
             </dd>
         </dl>
         </dl>
-        <index-list class="filter-index-list" :index-list="indexData"></index-list>
+        <index-list class="filter-index-list" :index-list="indexData" @loc-index="locIndex"></index-list>
     </div>
     </div>
 </template>
 </template>
 <script>
 <script>
@@ -88,6 +88,15 @@
                     value: this.currentValue,
                     value: this.currentValue,
                     subType: 'brand'
                     subType: 'brand'
                 });
                 });
+            },
+            locIndex(index) {
+                let $el = document.querySelector(`#${index}`);
+
+                if ($el) {
+                    let top = $el.offsetTop;
+
+                    document.querySelector('.filter-sub-detail').scrollTop = top;
+                }
             }
             }
         },
         },
         created() {
         created() {

@@ -49,13 +49,7 @@
         },
         },
         methods: {
         methods: {
             loc(index) {
             loc(index) {
-                let $el = document.querySelector(`#${index}`);
-
-                if ($el) {
-                    let top = $el.offsetTop;
-
-                    document.querySelector('.filter-sub-detail').scrollTop = top;
-                }
+                this.$emit('loc-index', index);
             }
             }
         },
         },
         created() {
         created() {