为什么这里使用watch监听sliders的变化没有生效呢?

Question

    老师你好，对于您在视频中提到的"BScoll初始话的时候需要至少一条数据,而我们的sliders是异步获取的"这一问题，老师的解决办法是使用v-if="sliders.length"来确保拿到数据之后再渲染。

   我突然想到为什么不能用watch的方式来监听sliders的变化再调用bs实例的refresh方法来解决这样的问题呢，于是我并没有写v-if, 而是写下了以下代码

此时奇怪的问题是，箭头处的回调函数似乎不会执行？？？

我又改成了如下形式

这次似乎watch成功了，但是新的错误又来了:

真的很伤脑筋，我还想问下，watch的回调函数和onMounted这个生命周期钩子函数哪个先执行啊？

Answer 1

ustbhuangyi 2021-04-11 23:20:51

watch 的回调函数和 onMounted 的生命周期钩子函数执行顺序没有关系，如果你 watch 里初始化，理论上这个时候一定 mounted 了，因为数据是异步的，那么你就不需要再写 onMounted 了，但是你这么写增加了代码的逻辑复杂度，没有必要，不如 v-if="sliders.length" 更直观和简单

• ustbhuangyi #1

  至于你 watch 第一种写法不生效，参考一下这个问题的回答：http://coding.imooc.com/learn/questiondetail/229318.html

• 提问者 慕莱坞0998854 #2

  谢谢老师！

Answer 2

ustbhuangyi 2021-04-11 23:16:50

组件调用的地方需要加一下限制，为了保证至少有一条数据。

而且 2-8 节视频已经说了这个问题了

• 提问者 慕莱坞0998854 #1

  对不起老师，我刚看到下一节说了这个。然后我修改了问题，希望老师看看。