老师看一下

来源:5-1 下拉刷新--变化提示文字

var当个程序猿

2020-03-29 16:22:29

老师可以讲一下text这个值吗,是从哪里传的,子组件是怎样接收的,那个子组件改变父组件的地方听不懂,后来加ref获取loading是什么操作

写回答

1回答

好帮手慕慕子

2020-03-29

同学你好,对于你的问题解答如下:

  1. text值是从父组件base/scroll/index.vue传递到子元素base/loading/index.vue中

    http://img.mukewang.com/climg/5e80782b093cbe6120820334.jpg

  2. 子组件中通过props接受父组件传递过来的数组

    http://img.mukewang.com/climg/5e807847098dcc3509700700.jpg

  3. 因为text是直接从父组件传递过来的值,vue语法规定无法在子组件中修改父组件传递过来的值,所以老师将text赋值给子组件中新定义的一个变量loadingText,在子组件loading中通过改变loadingText值实现效果。

  4. 在组件标签上添加ref属性值为xxx,如下所示:

    http://img.mukewang.com/climg/5e80790d09428ea818000206.jpg

    在js中就可以通过this.$refs.xxx获取到这个组件,然后使用这个组件中的方法或属性,如下:就是通过这种格式获取到loading组件中setText方法。

    http://img.mukewang.com/climg/5e80794c098ad48818720506.jpg

这一块逻辑确实比较绕,但是视频中老师讲解还是很清晰的,建议:同学放慢视频播放速度,先跟着老师听一遍,捋一下思路,然后在结合视频和源码,自己写一写代码,根据代码实现的效果帮助自己更好的去理解。

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

0

0 学习 · 10739 问题

查看课程