vue iOS浏览器底部兼容问题

在Vue中，iOS浏览器底部兼容问题通常是由于移动端浏览器在滚动时会触发底部工具栏的显示/隐藏而引起的。为了解决这个问题，可以尝试以下几个方法：

1. 使用 `vue-touch-action` 库

该库可以帮助开发者控制触摸事件的行为，避免浏览器默认行为的触发。可以在需要控制的元素上添加 `v-touch-action` 属性，如 `v-touch-action="pan-y"`，表示只允许垂直方向上的滚动事件触发。

2. 使用 `overflow-scrolling` 属性

该属性可以控制元素的滚动行为。在需要滚动的元素上添加 `-webkit-overflow-scrolling: touch;` 属性，可以使元素的滚动更加平滑，避免底部工具栏的闪现。

3. 使用 `position: fixed`

将底部工具栏的定位方式设置为 `position: fixed`，可以避免滚动时出现的闪现问题。但是需要注意的是，如果页面内容不够长，底部工具栏会一直处于固定位置，影响用户体验。

以上是常用的解决方案，开发者可以根据实际情况选择合适的方法解决iOS浏览器底部兼容问题。