向下滚动时，v-flex 在智能手机上的 chrome 中关闭

问题描述

我有一个简单的 v-btn，可以切换 v-flex 的 v-show。如果未显示 v-flex，则按钮会显示文本“Karte anzeigen”。如果显示 v-flex，则按钮的文本为“Karte ausblenden”。如果我在智能手机上用 chrome 上的按钮显示 v-flex，然后滚动到页面底部，v-flex 似乎会切换其可见性，并且按钮会将其文本重置为“Karte anzeigen”。我无法在 DevTools 中重现这种行为，所以我不知道如何测试它。也许有人知道我的问题是什么？

这是我的代码：

<v-btn id="mapButton" class="mb-2 button-map-smartphone" dark @click="toggleMapVisibility()">
   <v-icon>map</v-icon> {{mapButtonText}}
</v-btn>
<v-flex xs12 md6 order-md2 class="map-smartphone" v-show="showMap">
   <div class="map">
      <v-card tile id="mapcard" class="map-heigth">
         ...
      </v-card>
   </div>
</v-flex>

toggleMapVisibility(): void {
   this.showMap = !this.showMap;
   this.mapButtonText = (this.showMap) ? 'Karte ausblenden' : 'Karte anzeigen';
},

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

google-chrome-app vue.js