使用完美滚动条水平滚动到内容末尾的问题

Question

当我在每个组件中进行选择时，另一个组件将变为活动状态。我正在使用完美的滚动条和 vuetify。在 <İcerikDetay> 组件中进行选择后，滚动条应水平滚动到内容的末尾。

我的模板代码如下；

<perfect-scrollbar>
          <v-row class="d-flex flex-nowrap ml-2" ref="container">
            <Kumas @fabrics="selectedFabric = $event" />
            <Orgu
              @knittings="selectedKnitting = $event"
              v-if="getFabricSelected"
              :selectedFabric="selectedFabric"
              :selectedKnitting="selectedKnitting"
            />

            <Boyama
              v-if="getKnittingSelected"
              @paintings="selectedPainting = $event"
              :selectedKnitting="selectedKnitting"
              :selectedPainting="selectedPainting"
            />

            <Icerik
              v-if="getPaintingSelected"
              @contents="selectedContent = $event"
              :selectedPainting="selectedPainting"
            />

            <IcerikDetay
              @subContents="selectedSubContent = $event"
              v-if="getContent.length > 0"
              :selectedContent="selectedContent"
            />
            <FizikselIslemler v-if="showCard()" />
            <Renk
              v-if="getContentName"
              :selectedSubContent="selectedSubContent"
            />
            <BaskiDeseni id="listing" v-if="showCard()" />
          </v-row>
        </perfect-scrollbar>

我尝试使用下面的方法滚动到内容的末尾，但不起作用。

scrollEnd() {
    if (this.getContentName) {
      let content = this.$refs.container;
      content.scrollEnd = content.scrollWidth;
    }
  },