wyyx50
wyyx50
  • 发布:2022-08-02 11:17
  • 更新:2022-12-16 15:08
  • 阅读:476

【报Bug】HBuilderX 3.5.3 转到定义定位到的位置错误

分类:HBuilderX

产品分类: HbuilderX

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10 21H1

HBuilderX版本号: 3.5.3

示例代码:
<template>  
    <div class="page">  
        <button class="btn" @click="test()">模板内调用方法</button>  
        <!-- 其他一大堆元素,内容超过一屏 -->  
               <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
        <!--  aaaaa-->  
    </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描述:

vue文件转到定义定位到的位置不合理:转到定义会定位显示到屏幕的最底部,必须手动往上滚动才能看到定位到代码块的全部内容,不便于查看和修改(如附件图片所示)
(这个bug在3.4.6版本就出现过,3.4.14版本修复了,这次更新3.5.3版本又出现了,你们是不是合并代码的时候冲突了,用了老了代码,导致这个问题又出现了)

2022-08-02 11:17 负责人:无 分享
已邀请:
DCloud_HB_WDL

DCloud_HB_WDL

内部已修复,下次发版请升级

  • wyyx50 (作者)

    好的

    2022-08-03 08:54

9***@qq.com

9***@qq.com - 寻女友,92-郑州-男-本科(176cm/70kg),郑州二七区有房无贷。

HBuilderX 3.6.14在浏览器控制台代码无法定位

该问题目前已经被锁定, 无法添加新回复