uni-app 更新3.4.6后 vue文件内模板内转到定义后 定位到的位置不合理

uni-app 更新3.4.6后 vue文件内模板内转到定义后 定位到的位置不合理

示例代码：

```vue
<template>  
    <div class="page">  
        <div class="btn" @click="test()">模板内调用方法</div>  
        <!-- 其他一大堆元素，内容超过一屏 -->  
    </div>  
</template>  

<script>  
export default {  
    data() {  
        return {  

        }  
    },  
    created() {  
        this.test();  
    },  
    methods: {  
        test() {  
            console.log("test");  
            // 这是test方法的内容，里面一堆代码  
            //   
            //   
            //   
        },  
        func2(){  
            this.test();  
        },  
        //其他的一大堆function...  
    }  
}  
</script>  

<style lang="scss" scoped>  
.page{  
    .btn{  
        //btn的样式，里面一堆代码  
        //  
        //   
        //   
        //   
    }  

    {  
        //其他一大堆元素的样式...  
        //   
        //   
        //   
        //   
        //   
        //   
    }  
}  
</style>

操作步骤： 如上代码所示，按着alt键，鼠标指向class="btn"的div中的test方法，点击鼠标，编辑器会跳转到test方法的位置，但是test一段方法没有在屏幕中间位置显示，只有test方法的第一行出现在屏幕的最下方 或者按着alt键，鼠标指向class="btn"的div中的btn类名，点击鼠标，编辑器会跳转到btn样式的位置，但是btn的一段样式没有在屏幕中间位置显示，只有btn样式的第一行出现在屏幕的最下方

预期结果： test方法或btn样式的一段代码出现在编辑器屏幕中间的位置，能直接看到这段代码的内容

实际结果： test方法或btn样式的一段代码只有第一行显示在屏幕最下面，其他内容在屏幕之外，只有往上滚动才能看到此段代码的内容，非常不方便查看和修改

bug描述： script标签内无法转到定义，模板内的class类名和function可以转到定义，但是定位到的位置不合理：定位到的class和function显示在编辑器的最底部，不够显眼，必须手动往上滚动才能看到定位到的样式或方法的全部内容，不便于后续查看和修改