xdega
170
0
Vue

<Transistion Group> in .vue?

Posted 2 years ago by xdega

So. Have just started learning/working with Vue.js and absolutely LOVE it! I have, however, ran into a perplexing issue when trying to work with transitions.

I have the following in my .vue file template:

<template>
...
        <transition-group
            name="staggered-fade"
            tag="ul"
            v-bind:css="false"
            v-on:before-enter="beforeEnter"
            v-on:enter="enter"
            v-on:leave="leave"
        >

            <li v-for="item in computedList"> 
                {{ item.name }} 
            </li>
            
        </transition-group>
...
</template>

I receive this error: Unknown custom element: <transition-group> - did you register the component correctly?

I am following the documentation here: https://vuejs.org/guide/transitions.html#Staggering-List-Transitions

It turns out this person also had the same question -- about a month ago -- and received no response: https://laracasts.com/discuss/channels/vue/correct-way-to-do-transition-inside-custom-vue

Please sign in or create an account to participate in this conversation.