Vue.js VueJs转换不作为动态组件工作 目标:
使用动态组件为Vue V3创建自定义的可重用转换组件Vue.js VueJs转换不作为动态组件工作 目标:,vue.js,transition,custom-component,vuejs3,Vue.js,Transition,Custom Component,Vuejs3,使用动态组件为Vue V3创建自定义的可重用转换组件 vue2 transitions软件包使用与下面相同的方法,并且它不适用于v3,因此我决定为自己制作一个简单的 CustomTransition.Vue SomeOtherComponent.vue 这是行不通的。 这不起作用,我不知道为什么。元素的呈现方式如下 这是行不通的。 但是 当我像这样重写CustomComponent.vue时 它工作得非常好 编辑 我添加了一个,以防有人想尝试。终于从vue社区找到了解决方案。
vue2 transitions
软件包使用与下面相同的方法,并且它不适用于v3,因此我决定为自己制作一个简单的
CustomTransition.Vue
SomeOtherComponent.vue
这是行不通的。
这不起作用,我不知道为什么。
元素的呈现方式如下
这是行不通的。
但是
当我像这样重写CustomComponent.vue
时
它工作得非常好
编辑
我添加了一个,以防有人想尝试。终于从vue社区找到了解决方案。 要使此组件正常工作,请执行以下操作:
在组件中显式导入转换
和转换组
组件并注册它们
从“vue”导入{Transition,TransitionGroup}
导出默认值{
组成部分:{
过渡,
TransitionGroup,
},
数据(){
返回{show:false};
}
}
链接到下一步vuerepo。请共享用于动画的cssI am。我没有在上面的问题中公布全名,这并不重要。全名将是
animate\uuu animate\uu fadeInDown
和animate\uu animate\uu fadeout
。问题似乎与动态组件有关
。当我使用已定义的全局组件的名称,但不使用vue.jstransition
component时,它可以工作。