前端展示html内容
使用v-html
--使用正则进行特殊符号过滤
--replace(/^$/gi,'')
获取渲染后的内容
--- 循环列表中获取每一项渲染后的内容,根据渲染后的字符个数进行过滤
document.getElementsByClassName() $().text()|.html()
---
存在的问题
无法在渲染时获取到渲染后地内容,偶发的获取不到(获取为空)
解决方法
html内容:"<span style='color: red;'>哈<br />哈吾问无</span>"
在v-html后面使用回调函数,函数体中使用
this.$nextTick(() => {
//TODO
//html解析,dom渲染完毕以后进行相应的逻辑处理
})
网友评论