как получить ширину divs после изменения vuejs

Question

Я пытаюсь изменить ширину div на основе другого div.

Приведенный выше свиток - это div, ширина которого получитизменить на основе ширины таблицы ниже.

Я реализовал этот метод как mixin в Vue.

    Vue.mixin({
      methods: {
        setScrollBar: () => {
          Vue.nextTick().then(function () {
            let tableWidth = document.querySelector("table.vuetable").offsetWidth;
            let tableWrapper = document.querySelector("div.vuetable-body-wrapper").offsetWidth;
            console.log(tableWidth)
            console.log(tableWrapper)

            document.querySelector("div.top-horizontal-scroll").style.width = tableWidth + "px";
            document.querySelector("div.top-scrollbar").style.width = tableWrapper + "px"
          });
        }
      }
})

Когда кнопка в левом верхнем углу, нажал, чтобы закрыть меню, которое она даетширина таблицы, но только по нажатию, я хочу получить ширину таблицы после полного изменения.

вначале tableWidth и tableWrapper имеют размеры 2714 и 1677 пикселей.после щелчка он должен измениться на 2714 и 1877.

но при щелчке он дает последнюю ширину, а не измененную.

В меню нажмите, я установил этот метод

<script>
export default {
  methods: {
    setScroll()  {
      console.log("called")
      this.$nextTick(function() {
        this.setScrollBar()
      });
    }
  }
}
</script>

Это вызывается, но при каждом щелчке ширина первого клика не изменяется.