老师看一下
来源:5-1 下拉刷新--变化提示文字
var当个程序猿
2020-03-29 16:22:29
老师可以讲一下text这个值吗,是从哪里传的,子组件是怎样接收的,那个子组件改变父组件的地方听不懂,后来加ref获取loading是什么操作
1回答
同学你好,对于你的问题解答如下:
text值是从父组件base/scroll/index.vue传递到子元素base/loading/index.vue中
子组件中通过props接受父组件传递过来的数组
因为text是直接从父组件传递过来的值,vue语法规定无法在子组件中修改父组件传递过来的值,所以老师将text赋值给子组件中新定义的一个变量loadingText,在子组件loading中通过改变loadingText值实现效果。
在组件标签上添加ref属性值为xxx,如下所示:
在js中就可以通过this.$refs.xxx获取到这个组件,然后使用这个组件中的方法或属性,如下:就是通过这种格式获取到loading组件中setText方法。
这一块逻辑确实比较绕,但是视频中老师讲解还是很清晰的,建议:同学放慢视频播放速度,先跟着老师听一遍,捋一下思路,然后在结合视频和源码,自己写一写代码,根据代码实现的效果帮助自己更好的去理解。
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题