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

Closed
darrenjennings opened this issue Jan 11, 2018 · 1 comment

Comments

Projects
None yet
2 participants
@darrenjennings
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 :

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

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!

@yyx990803

This comment has been minimized.

Copy link
Member

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.