侧边栏字母点击没有反应

侧边栏字母点击没有反应

我的list.vue组件已经成功接收到Alphabet传递过来的letter,在watch里面输出this.letter没有问题,点击时控制台也没有报错

但是点击代码侧边的字母没有跳转

List.vue中的代码如下

http://img1.sycdn.imooc.com//climg/5f705349095e2d2205540538.jpg

http://img1.sycdn.imooc.com//climg/5f705361098a8f4906310255.jpg

控制台点击输出letter正常

http://img1.sycdn.imooc.com//climg/5f70538809a5998d09110465.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,可以不用卸载,直接安装就行(卸载指令是npm uninstall better-scroll),安装后,重启项目试试。

由于能正常输出letter,所以怀疑是“const element = this.$refs[this.letter][0]”和“this.scroll.scrollToElement(element)”这两句代码出问题了,因此同学可以输出一下element看看正不正确,再更换一下插件试试(是插件的问题的可能性比较大)。

祝学习愉快!

  • 周五zhouwu 提问者 #1
    非常感谢老师 是插件的问题
    2020-09-28 14:55:28
好帮手慕久久 2020-09-27 17:32:49

同学你好,初步怀疑是better-scroll插件的问题,建议同学检查一下该插件的版本是不是1.15.2,如果不是该版本,建议重新安装一下1.15.2版本的插件试试,安装指令如下:

npm install better-scroll@1.15.2  --save

如果还是不行,建议将相关的代码粘贴出来,方便老师测试。

祝学习愉快!

  • 提问者 周五zhouwu #1
    老师你好,刚开始的那个屏幕滑动是正常的,如果需要重新安装的话 需要卸载之前的吗, 卸载的话是什么命令呀
    2020-09-27 17:37:28
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师