offsetTop获取的值不正确

Posted 2023-04-20

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了offsetTop获取的值不正确相关的知识，希望对你有一定的参考价值。

参考技术A 如果在 DOM 结构中的某个 DOM 节点使用了 v-if 、 v-show 或者 v-for （即根据获取到的后台数据来动态操作 DOM，即响应式），那么这些 DOM 是不会在 mounted 阶段找到的。

mounted 阶段，一般是用于发起后端请求，获取数据，配合路由钩子做一些事情。简单来说就是在 mounted 钩子中加载数据而已，加载回来的数据是不会在这个阶段更新到 DOM 中的。所以在 mounted 钩子中使用 $refs ，如果 ref 是定位在有 v-if 、 v-for 、 v-show 的 DOM 节点中，返回来的只能是 undefined ，因为在 mounted 阶段他们根本不存在。

如果说 mounted 阶段是加载阶段，那么 updated 阶段则是完成了数据更新到 DOM 的阶段(对加载回来的数据进行处理)，此时，再使用 this.$refs.xx ，就 100% 能找到该 DOM 节点。

updated 与 mounted 不同的是，在每一次的 DOM 结构更新，Vue.js 都会调用一次 updated 钩子函数！而 mounted 钩子函数仅仅只执行一次而已。

Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。

nextTick，则可以在回调中获取更新后的 DOM。

字段“签名”的值不正确：值为 662655099，但应为 67324752

【中文标题】字段“签名”的值不正确：值为 662655099，但应为 67324752【英文标题】：Incorrect value for field 'Signature': value is 662655099 but 67324752 expected 【发布时间】：2019-01-26 18:45:48 【问题描述】：

我一直在使用 Firebase 数据库。该代码在 Firebase 身份验证中运行良好，但在添加 Firebase 数据库时显示此错误消息。

“签名”字段的值不正确：值为 662655099，但应为 67324752。

以下是gradle脚本：

apply plugin: 'com.android.application'
apply plugin: 'com.google.gms.google-services'


android 
    compileSdkVersion 27
    defaultConfig 
        applicationId "com.sudhanshujaisani.mywhatsapp"
        minSdkVersion 21
        targetSdkVersion 27
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner             
"android.support.test.runner.AndroidJUnitRunner"
    
    buildTypes 
        release 
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 
'proguard-rules.pro'
        
    


dependencies 
    implementation fileTree(include: ['*.jar'], dir: 'libs')
    implementation 'com.android.support:appcompat-v7:27.1.1'
    implementation 'com.android.support.constraint:constraint-layout:1.1.0'
    implementation 'com.android.support:support-v4:27.1.1'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso- 
core:3.0.2'
    implementation 'com.android.support:design:27.1.1'
    implementation 'de.hdodenhof:circleimageview:3.0.0'
    implementation 'com.google.firebase:firebase-auth:16.0.1'
    implementation 'com.google.firebase:firebase-database:16.0.1'

提前致谢。

【问题讨论】：

你也加了implementation 'com.google.firebase:firebase-core:16.0.6'吗？添加此依赖项后是否有效？是的，我已经添加了。还是不行你有同样的错误还是另一个错误？是的，还是同样的错误@AlexMamo 【参考方案1】：

我真的不知道是什么导致了这个错误，但我也遇到了，我发现（经过一些研究）这是 Instant Run 的问题。它与 firebase 没有任何关系，但我认为这与 Gradle 和导入包有关。

无论如何，我认为禁用 Instant Run 是一种简单的解决方法，并且成功了！ :)

在 Android Studio 中：

文件 -> 设置（或按 Ctrl+Alt+S）。构建、执行、部署 -> 即时运行（在左侧面板上）。取消选中第一个复选框“启用即时运行以在部署时热交换代码/资源更改（默认启用）”。

如果您确实需要 Instant Run，此解决方法将无济于事。我仍在努力寻找真正的解决方案。

【讨论】：

【参考方案2】：

使缓存无效并重新启动对我不起作用。

试试，