Vue.js Vue-在未创建的组件之间切换

Vue.js Vue-在未创建的组件之间切换,vue.js,gsap,vue-reactivity,vue-dynamic-components,Vue.js,Gsap,Vue Reactivity,Vue Dynamic Components,我有一个基于json对象呈现的动态组件 <template v-for="(vehicle, index) in vehicles"> <component :class="`item${index}`" :is="vehicle.type" /> 我试过使用$nextick()和$forceUpdate();但二者之间不会触发。这似乎是反应性警告之一。在以前的jquery时代,我认为defer会修复它 是否有办法通过$refs使动态组件可用

我有一个基于json对象呈现的动态组件

 <template v-for="(vehicle, index) in vehicles">
 <component
    :class="`item${index}`"
    :is="vehicle.type"

  />
我试过使用
$nextick()
$forceUpdate()
;但二者之间不会触发。这似乎是反应性警告之一。在以前的jquery时代,我认为defer会修复它

是否有办法通过
$refs
使动态组件可用


所使用的tween引擎是。

您可以尝试在组件的
挂载的
挂钩中发出事件信号,并在触发事件时调用tween。在这种情况下,
$refs
应该起作用是的,我确实起作用,但问题是我需要在它们之间错开,这样它们之间就需要在父对象上。我想我可以发出一个“我可用”事件,并且仍然在父对象中执行tween。是的,我的意思是,发出一个事件。tween将保留在父组件中
<car />
<motorbike />
<lorry />
  this.$forceUpdate();
  TweenMax.fromTo(this.$refs.item[0], 2, {
        opacity: 0,
        x: -300,
        ease: Power2.easeIn,

      }, {
        opacity: 1,
        x: 0,
        delay: 1
      });