遇到的问题:内容渲染页面会出现标签
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 方法可以解析字符串标签