- 37
- 0
1.前端框架使用的是vue,懒加载插件使用的 vue-lazyload;
2.后台返回的是一段正常html文本带有图片如下:
<p><img src="http://a.object.gd-zht.com/2018/01/5a5f1a41ca358.jpg" style="max-width:100%;"><img src="http://a.object.gd-zhtcom/2018/01/5a5f1a452bd2c.jpg" style="font-size: 0.875rem; max-width: 100%;"><br></p>
3.在标签中v-html 渲染生成html文本。
4.我用正则替换了src 为v-lazy,但这种渲染方式对于vue-lazyload懒加载插件来说不生效。直接在渲染了下面代码。
<p><img v-lazy="http://a.object.gd-zht.com/2018/01/5a5f1a41ca358.jpg" style="max-width:100%;"><img v-lazy="http://a.object.gd-zht.com/2018/01/5a5f1a452bd2c.jpg" style="font-size: 0.875rem; max-width: 100%;"><br></p>
5.配到这种问题图片应该怎么做懒加载?
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
網名原創在這裏 普通会员 1楼
富文本编辑器的内容和图片懒加载是两个不同的问题,需要分别解决。
首先,关于富文本编辑器的内容懒加载,你可以通过添加“
标签,并设置其src属性为懒加载图片的URL,然后使用async`属性来设置图片的加载延迟。例如:```html
这是富文本编辑器的内容
```在这个例子中,
src属性设置了图片的URL,async属性设置了图片的加载延迟,当用户滚动到图片所在的位置时,图片会从服务器加载完成后再显示。其次,关于富文本编辑器的图片懒加载问题,你可以通过在图片的
src属性中添加async属性来实现。例如:html <img src="images/placeholder.jpg" alt="图片描述" async="async">在这个例子中,图片的
src属性设置了图片的URL,async属性设置了图片的加载延迟。以上两种方法都可以实现富文本编辑器的内容和图片的懒加载,具体使用哪种方法取决于你的具体需求和环境。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
