Vue进阶（幺伍陆）：ivew实现将table中渲染html标签内容

Vue+iVIew项目开发过程中，需要实现页面根据html格式的字符串，在页面中解析的效果。
例如 let htmlStr='<div style="font-size=16px">我是小标题</div>'
页面中显示效果如下：

主要是在render()函数中实现,示例代码如下：

{
  title: "标题",
  key: "title",
  align: "center",
  className:'cleanTitle',
  render:(h,params)=>{ return h("div",{domProps:{ innerHTML:`<a href=`+params.row.url+` target='_blank'>`+params.row.title+`</a>`//渲染html内容 }}) // return <a href={`${params.row.url}`} target='_blank'>{params.row.title}</a>  直接渲染标签
 }

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
 

文章来源: shq5785.blog.csdn.net，作者：No Silver Bullet，版权归原作者所有，如需转载，请联系作者。

原文链接：shq5785.blog.csdn.net/article/details/112302103