Vue中使用v-html内容图片过大的解决方法
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue中使用v-html内容图片过大的解决方法相关的知识，希望对你有一定的参考价值。
参考技术A 项目中遇到一个问题，使用 Vue 的 v-html 加载数据后，内容里边的后台传回图片太大，显示不全。可以有以下解决方案
但是在项目中，我并没有用 scoped 这个属性，加上后，会导致页面错乱严重，所以用了以下方法
但是发现不起作用，查看返回数据发现后台返回没有 style 标签，只返回了宽高，所以改用以下方法
以上可以解决v-html加载图片问题
小程序图片在真机上不能查看的问题
前面我写过一篇关于解决小程序打包代码过大的解决问题，其实也主要的原因是图片过大，进行压缩的方法：链接在此：小程序打包代码包过大的解决方法
这次遇到的问题是，在微信开发工具箱开发时，背景图片都能正常显示。但是在手机预览或者是真机调试的时候，手机上背景图片会不见。
如图：在工具箱处
如图：手机真机调试截图：（丢失图片）
使用安卓手机、iphone6~X，都是背景图片丢失状态
后面使用的解决方法只能是，让后端小哥哥把图片放到服务器，我自己在小程序上拼接获取。
emmm……我目前只能想到这个办法解决了，因为发现小程序不能读取到我本地的图片，所以只能粗暴点放到服务器上拼地址使用
希望以后这个小程序大坑能有更好的填坑方法。
亲测真机图片不会丢失~
以上是关于Vue中使用v-html内容图片过大的解决方法的主要内容，如果未能解决你的问题，请参考以下文章