Vue进阶（幺伍陆）：ivew实现将table中渲染html标签内容
【摘要】 Vue+iVIew项目开发过程中，需要实现页面根据html格式的字符串，在页面中解析的效果。 例如 let htmlStr='<div style="font-size=16px">我是小标题</div>' 页面中显示效果如下：
我是小标题
主要是在render()函数中实现,示例代码如下：
{
title: "标题",
ke...
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> 直接渲染标签
}
文章来源: shq5785.blog.csdn.net，作者：No Silver Bullet，版权归原作者所有，如需转载，请联系作者。
原文链接：shq5785.blog.csdn.net/article/details/112302103
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
作者其他文章
评论（0）