美文网首页
前端解析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