Vue.js Vue-在未创建的组件之间切换
我有一个基于json对象呈现的动态组件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使动态组件可用
<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
});