textArea内容转dom渲染(jsx)

本文介绍了如何在Vue的antd组件中使用customRender函数渲染jsx代码,同时提到了如何利用domPropsInnerHTML属性安全地插入HTML标签,避免了手动编写slot的繁琐。
摘要由CSDN通过智能技术生成

正常来说是这样

this.value.replace(/\r/gi, '').replace(/\n/gi, '<br>')

一般在vue的antd组件中,table的customRender可以直接渲染jsx,也就不用写slot。

domPropsInnerHTML属性可以渲染html标签,类似于v-html

        

 customRender: (text, record) => {
            let t = text
              .trim()
              .replace(/\r/gi, '')
              .replace(/\n/gi, '<br>')

            return <span domPropsInnerHTML={t} />
          }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值