vue render jsx怎么写v-html

Question

vue的jsx里面不支持v-html怎么办

Answer 1

试了下直接innerHTML可行，
vue 3.0.4

it('should convert v-html to innerHTML', () => {
    const ast = transformWithVHtml(`<div v-html="test"/>`)
    expect((ast.children[0] as PlainElementNode).codegenNode).toMatchObject({
      tag: `"div"`,
      props: createObjectMatcher({
        innerHTML: `[test]`
      }),
      children: undefined,
      patchFlag: genFlagText(PatchFlags.PROPS),
      dynamicProps: `["innerHTML"]`
    })
  })

Answer 2

支持的呀 给你写个demo

new Vue({
 data:{
    html:'<p>test</p>'
 },
 render:function (h)  {
    return ( <div domPropsInnerHTML={this.html} /> )
 }
}).$mount("#app");