qq_42904577
2019-01-23 12:37
采纳率: 0%
浏览 2.5k

vue里v-html解析html数据时只显示了文本内容图片地址出错!这是什么原因?怎么解决?

这个是我的代码请大佬指点,
解析返回数据content

<div class="card-content" v-html="article.content"></div>

这个是返回的数据
图片说明

如图所示只显示了文字没有显示图片

谁知道怎么用正则给里面的url地址加上一个/

在img src='upload'
这里upload前加一个/怎么实现
求大佬指点

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 天际的海浪 2019-01-23 16:55

    后台输出图片地址要写成绝对地址。或者,相对于当前浏览器加载的html文档的相对地址。
    不能是相对于别的地方的相对地址

    点赞 打赏 评论
  • 茶茶茶茶 2019-01-23 17:35

    返回的路径不对,要是绝对路径

    点赞 打赏 评论
  • zhenyu-s5 2019-04-18 09:36

    1、你的问题:str.replace(/需要替换的字符串/g,"新字符串");

    <div class="card-content" v-html="article.content.replace(/upload/g,"/upload");"></div>
    

    望采纳。

    点赞 打赏 评论

相关推荐 更多相似问题