v-html中使用 filter 过滤器

 参考文章:https://blog.csdn.net/qq_34971175/article/details/79719058

项目中实现评论换行需要将回车转换为 <br>,因此需要结合 v-html + filter ,但是vue2以后不支持,我采用了文章中的第二个方法,通过在vue 全局定义一个方法,直接调用即可。

Vue.prototype.transferMsgToBr = (msg) => {
  return `: ${msg.replace(/\n/g, '<br/>')}`
}

  <span class="comment-content fs12" v-html='transferMsgToBr(item.content)'></span>
 

效果如下~

 

posted @ 2021-05-25 23:51  我就尝一口  阅读(441)  评论(0编辑  收藏  举报