c***@126.com
- 发布:2022-06-08 12:58
- 更新:2022-07-08 20:50
- 阅读:360
产品分类: uniCloud/App
操作步骤:
<template>
<image :class="name" :src="getSrc" @load="picloaded" :style="'width:'+style.width+'rpx;height:'+style.height+'rpx;opacity:'+style.opcity"></image>
</template>
<script>
import envConfig from "../config/index";
import pics from "../config/pics.js";
export default {
data() {
return {
style:{
width:"",
height:"",
opcity:0,
}
};
},
props: {
name: {
type: String,
},
},
computed: {
getSrc() {
var url=envConfig.cdn + "images/" + this.name.replace(/\_/g, "/") + ".png";;
return url;
},
},
created() {},
mounted() {
// console.log(envConfig.cdn);
},
methods: {
picloaded:function(e){
// console.log(e);
this.style.width=e.detail.width;
this.style.height=e.detail.height;
this.style.opcity=1;
}
},
};
</script>
<style></style>
预期结果:
我自己封装了一个图片组件,当图片加载后自动给他高宽。之前是正常的
我自己封装了一个图片组件,当图片加载后自动给他高宽。之前是正常的
实际结果:
更新后,@load拿到的图片高宽尺寸是错的。
更新后,@load拿到的图片高宽尺寸是错的。
bug描述:
Hbuilder升级到最新版本3.4.14后,给<image>组件添加stlyes的属性都不生效了。只能回滚到上一版,希望修复
小枫叶
我这边试了下,没有这样的问题 请把你的demo工程发一下
2022-06-08 19:17
c***@126.com (作者)
回复 小枫叶: 我仔细看过了,stlye是有用的,而是@load拿到的高宽是错的。表现和之前版本的不同
2022-06-09 00:09