面试题(5)详述虚拟DOM中的diff算法,swiper图片不动解决,子组件能不能修改父组件传递过来的数据

详述虚拟DOM中的diff算法

在这里插入图片描述
在这里插入图片描述

swiper获取数据、css都没有问题,但是图片不动,应该怎么解决

原因:就是swiper在请求数据之前就已经渲染出来了,然后没有数据,就相当于一个没有图片的轮播。就像我的才华一样,吊用没有。
解决方案

第一种:this.$nextTick()这个方法放在生命周期里面,在DOM渲染完毕之后执行回调函数。
可以在这里初始化swiper。就像我的脑子一样,发生之后再动起来。

第二种:在初始化swiper时可以给它加上两个属性。

observer: true, //修改swiper自己或子元素时,自动初始化swiper
observeParents: true //修改swiper的父元素时,自动初始化swiper

swiper详细文章

子组件能不能修改父组件传递过来的数据

能是能,但是会报错,正确答案下:

1.在子组件中的的data函数中注册一个值来接收父组件传过来的值,然后修改这个data,通过这一系列麻烦的要死的操作就可以不报错地修改父组件的值了

2.先将值传递给子组件,子组件 props 接收并使用,然后通过 $emit 广播一个事件给父组件,并将值一并传递,父组件 @子组件广播过来的事件,并定义一个方法,在该方法中,改变传递过来的值,父组件又会将值传递给子组件,这样就形成了一个闭环,问题得以更麻烦的解决。

3.用computed计算属性的方法,先在data里面注册一个值接收props,然后再在计算属性里面把这个值return出来,return出来后就可以在子组件内部修改使用了。

猜你喜欢

转载自blog.csdn.net/Sunshine_GirlXue/article/details/103190460
今日推荐