Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/apache-flex/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js VueJs转换不作为动态组件工作 目标:_Vue.js_Transition_Custom Component_Vuejs3 - Fatal编程技术网

Vue.js VueJs转换不作为动态组件工作 目标:

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社区找到了解决方案。

使用动态组件为Vue V3创建自定义的可重用转换组件
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.js
transition
component时,它可以工作。