Vue
+iView
项目开发过程中,需要实现页面根据html
格式的字符串,在页面中解析的效果。
例如 let htmlStr='<div style="font-size=16px">我是小标题</div>'
页面中显示效果如下:<div style="font-size=16px">我是小标题</div>
主要是在render()
函数中实现,示例代码如下:
{
title: "标题",
key: "title",
align: "center",
className:'cleanTitle',
render:(h,params)=>{
return h("div",{domProps:{
innerHTML:`<a rel="nofollow" href=`+params.row.url+` target='_blank'>`+params.row.title+`</a>`//渲染html内容
}})
// return <a rel="nofollow" href={`${params.row.url}`} target='_blank'>{params.row.title}</a> 直接渲染标签
}