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>  直接渲染标签
 }