- 发布：2020-06-17 11:18
- 更新：2020-06-24 19:07
- 阅读：839
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 2.7.9
手机系统： 全部
手机厂商： 苹果
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
操作步骤：
图片转换为base64位
图片转换为base64位
预期结果：
显示正常
显示正常
实际结果：
出现异常
出现异常
bug描述：
背景图片用base64转换，出现异常
我这边最使用的是ref的形式，你也可以试试；HBuilderX版本号： 2.7.9
dom：
<div class="pannel_left" :ref="my_ref_background" :style="{backgroundPosition: picPosition.left ' ' picPosition.top}" ></div> js：
mounted () {
this.ImgBase64 =uni.getStorageSync("storage_setFaceData"); // 之前存的 base64的图片
console.log(this.$refs,'0000000000000--------');
if(this.$refs.my_ref_background){
this.$refs.my_ref_background.style.backgroundImage = 'url(' this.ImgBase64 ')' ;
}
},