为了账号安全,请及时绑定邮箱和手机立即绑定

使用vue-lazyload时,用v-html渲染的富文本内的图片如何实现懒加载?

使用vue-lazyload时,用v-html渲染的富文本内的图片如何实现懒加载?

慕盖茨4494581 2019-05-19 14:16:42
问题描述后台返回一串带图片的富文本,用v-html解析后,直接一次性全加载出来了。问题出现的环境背景及自己尝试过哪些方法试过在mounted之前遍历,然后替换图片:src为 v-lazy,这样直接导致图片渲染不出来,看了渲染成功的dom,img有两个属性data,一个是data-set,把富文本用正则替换如此也是不行(能一次性渲染出来)相关代码// 请把代码文本粘贴到下方(请勿用图片代替代码)百度上搜不到这个问题,有大佬用vue项目 做过这个富文本懒加载需求么?
查看完整描述

2 回答

?
UYOU

TA贡献1878条经验 获得超4个赞

我做过一样的实现,富文本字符串替换v-html渲染,没遇到你说的问题。
把你的代码贴出来吧。

查看完整回答
反对 回复 2019-05-19
  • 加穗子
    加穗子
    请问你是怎么实现的呢?
  • 加穗子
    加穗子
    请问图片为真实地址怎么获取呢?我是从后台获取的富文本内容,要挨个取出来吗?
  • 加穗子
    加穗子
    请问图片为真实地址怎么获取呢?我是从后台获取的富文本内容,要挨个取出来吗?
  • 2 回答
  • 0 关注
  • 3527 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信