老师给我捋一捋逻辑

前面部分都听懂了，就是用随机数来改变轮播图的位置，到这里都没什么问题，然后因为无缝滚动的关系，第一张跟最后一张被复制多一份，他们没有跟着改变所以生的问题，那么在swiper这里加的keyId 作为引起整个页面重新加载，我都能理解。
但是唯一一点想不通的就是，home/slider.vue页面里面的页面发生变化，是怎么通知到swiper里面，让他改变keyId的值的？

慕仰2255090 2020-04-21

源自：实战：Vue webAPP首页开发 5-3 更新幻灯片

17

收起

2回答

好帮手慕言 2020-04-22 13:48:16

同学你好，是可以的这样理解的。父组件的数据发生变化，子组件里的watch就可以监听到，改变keyId，触发组件的更新。

继续加油，祝学习愉快~

好帮手慕言 2020-04-22 11:06:35

同学你好，老师想要在更新的时候重新加载swiper组件，所以使用了更新key的方式来实现效果

如下是给keyId初始化，这里同学需要注意：老师只是默认值也给了一个随机数。随机数生成什么，它的值就是什么。例如这里随机数生成的是5 ，那么它就是5 。

父组件传递了数据：

子组件需要在数据改变的时候，更新key值，所以在监听的函数中，去修改keyId的值。这样当数据发生改变，就会触发监听中的函数，然后再随机给它赋值另一个随机数，让keyId的值改变，就会触发组件的更新了。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

提问者慕仰2255090 #1

父组件的:data="sliders"传递的sliders数组因为随机数改变，传给了子组件，然后因为sliders数组产生变化，所以触发了watch，然后调用了data(newData)这个方法，这里的newData就是sliders，是这样理解吗？

2020-04-22 11:53:59

相似问题

能不能帮我捋一捋这段代码的逻辑

5-16 uicascading自己捋了一天写的注释希望能帮到有需要的小伙伴

关于购物车逻辑

更新逻辑有问题

不行了，老师来帮忙捋捋呗

登录后可查看更多问答，登录/注册

4.Vue与React高级框架开发

参与学习人
提交作业 239 份
解答问题 10739 个

本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle

本课精华内容

问答作业

老师，这是关于stylus版本和style语法高亮问题解决（可以编辑器自动缩进）如可可行可以置顶，谢谢

115 1

老师,创建VUE环境花了一天时间，创建流程供同学们参考（window）如果方法可行可以置顶，谢谢

152 1

麻烦老师看看这个写法和注释可以吗?如果可以可以置顶一下参考,谢谢

84 1

请检查是否正确

95 1

transition问题-续

65 3

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载