vue虚拟dom解析字符串标签

遇到的问题:内容渲染页面会出现标签

var vhtml = `<div v-html="${config.defaultValue}"></div>`;
//使用地方部分代码
 if(config.tag == "desc-text"){
            return (
                <el-col span={config.span} class={className}
                    nativeOnClick={event => {
                        activeItem(currentItem)
                        event.stopPropagation()
                    }}>
                    <el-form-item label-width={labelWidth}
                        label={config.showLabel ? config.label : ''} required={config.required}>
                       **{vhtml}** //这里使用 ,渲染到页面会出现标签
                    </el-form-item>
                    {components.itemBtns.apply(this, arguments)}
                </el-col>
            )
        }

解决办法:将{vhtml} 代替为 <div domPropsInnerHTML = {config.defaultValue}></div>
总结:vue虚拟dom中的domPropsInnerHTML 方法可以解析字符串标签

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值