Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Allow Component Tag in Transition Group #5095

Open
ralphchristianeclipse opened this issue Mar 5, 2017 · 2 comments
Open

Allow Component Tag in Transition Group #5095

ralphchristianeclipse opened this issue Mar 5, 2017 · 2 comments

Comments

@ralphchristianeclipse
Copy link

ralphchristianeclipse commented Mar 5, 2017

Allow this kind of feature for transition-group or transition

<transition-group tag="todo-layout-container">
    <!-- Which will render a component rather a tag -->
</transition-group>

and will compile to

<todo-layout-container>

</todo-layout-container>

and compiles to what is inside of the todo-layout-container

let Todo = Vue.extend({
   name: 'todo-layout-container',
   methods: {
      //Per todo methods
   }
});
@yyx990803 yyx990803 changed the title Feature Request Allow Component Tag in Transition Group or Transition Allow Component Tag in Transition Group Mar 8, 2017
@Uriziel01
Copy link

That would be great! No more unwanted div's used just for transitions.

@DrSensor
Copy link

Also, it would be helpful to add support for passing props/event/attributes.
Something like

<transition-group tag="todo-layout-container"
                  :props="someValue" 
                  @event="someMethod()" 
                  class="css-class"
>

  <!-- Which will render a component rather a tag -->

</transition-group>

will compile to

<todo-layout-container :props="someValue" @event="someMethod()" class="css-class">

</todo-layout-container>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

6 participants