vue $nextTick方法 数据更新获取dom

业务场景
1.使用固定定位在顶部写了内容盒，下方用padding撑开空间，下方点击添加向上方盒子中添加内容，盒子的大小随内容增加改变，这就要求下方的盒子padding大小要随上方盒子的大小动态改变
2.处理方案。在watch中监听盒子中数据变化，数据改变，调用获取盒子高度的方法，将高度值赋值给padding。
以为这就完成了？没这么简单。你会发现只有下次点击时当前高度才会被附上，应为我们执行代码的时候新改变dom还没生成，所以此时获取的dom是上一次变化后的dom高度
3.解决方案。使用 $nextTick方法，将获取dom方法写在此方法内，并赋值
$nextTick用法官方说明：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM

        changeDom() {
            var major = document.getElementById('major');
            var set_target_major = document.getElementById('set_target_major');
            var H = 0;
            this.$nextTick(() => {
                H  = set_target_major.clientHeight + 20;
                major.style.paddingTop = H + 'px';
            })
        }