router-link标签flex布局踩坑

410 阅读1分钟

一 问题

需要展示一个列表,列表每一项都是一个router-link标签,同时对router-link标签使用flex布局。 然后,chrome调试时完全没问题如下图一,到手机上调试时就变成了下图二所示,同时也不能滑动。

二 解决

  1. 虽然开始考虑到router-link标签底层使用a标签实现的,会不会和这个有关系。但又考虑的我的底部导航栏也是用router-link + flex布局实现的,就觉得可能是其他部分的问题。而且chrome上完全没问题,只有手机上有问题,所以一直都在尝试其他方法。
  2. 后来,其他方法都无法解决,我就试着把router-link换成div,果真,他就没问题了!!!!!被自己蠢哭了