美文网首页
前端解析html内容

前端解析html内容

作者: 菜鸟的平凡之路 | 来源:发表于2020-07-03 15:51 被阅读0次

前端展示html内容

使用v-html
--使用正则进行特殊符号过滤
--replace(/^$/gi,'')

  • 获取渲染后的内容

--- 循环列表中获取每一项渲染后的内容,根据渲染后的字符个数进行过滤
document.getElementsByClassName() $().text()|.html()
---

  • 存在的问题

无法在渲染时获取到渲染后地内容,偶发的获取不到(获取为空)

  • 解决方法

html内容:"<span style='color: red;'>哈<br />哈吾问无</span>"
在v-html后面使用回调函数,函数体中使用
this.$nextTick(() => {
//TODO
//html解析,dom渲染完毕以后进行相应的逻辑处理
})

相关文章

网友评论

      本文标题:前端解析html内容

      本文链接:https://www.haomeiwen.com/subject/subsqktx.html