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 for jsx/createElement inside template prop functions #7439

darrenjennings opened this issue Jan 11, 2018 · 1 comment


None yet
2 participants
Copy link

commented Jan 11, 2018

What problem does this feature solve?

Allows for inlining render functions inside a template for quick expressive rendering. When using render functions to pass into a component, you have to define a method on the vue instance which returns jsx, but would be nice if for small functions you could define them inline and anonymous.

What does the proposed API look like?

allow for JSX inside :

    <my-cool-component :render="() => { return <h1>I will get called inside the cool component!</h1> }"/>
const MyCoolComponent = {
  props: {
    render: {
      type: Function
    return (

If this is a feature that would be accepted, I would be interested in looking into contributing if you could point me in the right direction. Thanks!


This comment has been minimized.

Copy link

commented Jan 11, 2018

Embedding JSX parsing inside template parser is a lot of work, plus the related issues regarding syntax highlighting, tooling support, etc., I don't think it justifies the use case.

@yyx990803 yyx990803 closed this Jan 11, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.