<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>
小枫叶
我这边试了下,没有这样的问题 请把你的demo工程发一下
2022-06-08 19:17
cailven (作者)
回复 小枫叶: 我仔细看过了,stlye是有用的,而是@load拿到的高宽是错的。表现和之前版本的不同
2022-06-09 00:09