安卓手机-真机测试,城市列表右侧字母列表无法点击

Question

老师您好,我在真机测试的时候,点击城市列表右侧的字母列表选择城市无法点击,(电脑端chrome浏览器未出现问题),请问这个应该要怎么调整才可以呢?(城市列表的问题已经用true处理好了,但是字母列表没有使用Bscroll,调整了半天也没有还原效果)不好意思给您添麻烦了

Answer 1

Dell 2018-04-21 11:44:49

把fastclick先去除掉看下，是不是fastclick的问题

• 提问者 路過Kuma #1

  老师您好,经测试fastclick删除之后在手机上也是无法在手机上点击字母列表
  并且我在测试的时候还发现了一个问题,在app.vue中的keep-alive标签上添加了exclude="Detail"之后,header的渐隐渐显的效果就消失了,好像是activated不会执行了,将this.handleScroll放在created或者mounted内,代码就可以正常执行(删除exclude也可以正常显示渐隐渐显),但是缓存问题也没有办法解决
  麻烦您看一下好吗?谢谢了

• Dell 回复 提问者 路過Kuma #2

  第一个问题，我觉得你要有一个挑错的思路，我说说我会怎么调试。我会把所有城市选择页面代码注释掉，然后只打开字母表组件，看看是否好用，然后一点点放开代码，看是哪一行代码导致字母表不好用，再去解决。第二个问题，我没明白你说的缓存是什么问题，既然要使用缓存，为什么还要用exclude

• 提问者 路過Kuma 回复 Dell #3

  不好意思老师,可能是我的问题表述不清导致您出现了误解,很抱歉.
  关于真机的字母列表问题,目前我在按照您的建议进行尝试,非常感谢您的建议.
  而我的第二个问题其实是这样的,在:9-6 Vue项目详情页 - 动态获取详情页面数据中,您提到了在重复进入detail页面时并没有重新获取id,是因为keep-alive进行了缓存,所以mounted只会执行一次,您在后来告诉我们可以使用exclude="Detail"的方式来解决缓存问题,从而在每次进入detail中可以重新获取id.
  我在操作之后确实可以重新获取id,但是header标签的渐隐渐显的效果就不再出现了,我个人在网上查到的原因是exclude导致的.目前我的处理方法是不使用exclude而是将detail中的mounted改为了activated,这样不论是重新获取id还是渐隐渐显都无异常.
  因为您在视频中并没有出现这个问题,所以我才单独提问.因为我的问题表述不清造成了您的误解很抱歉.还请您原谅

点开查看后面3条评论