问答

vue render jsx怎么写v-html

作者:admin 2021-05-05 我要评论

vue的jsx里面不支持v-html怎么办 ### 支持的呀 给你写个demo new Vue({ data:{ html:'ptest/p' }, render:function (h) { return ( div domPropsInnerHTML={this...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

###

支持的呀 给你写个demo

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

试了下直接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"]`
    })
  })

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue render jsx怎么写v-html

    vue render jsx怎么写v-html

  • centos8下caddy2+php8的使用问题(qingc

    centos8下caddy2+php8的使用问题(qingc

  • 在nas中引用js文件无效

    在nas中引用js文件无效

  • 怎么让Chrome中间跳转页面产生回退历史

    怎么让Chrome中间跳转页面产生回退历史

腾讯云代理商
海外云服务器