如何在加載網絡圖像後動態更改imageview高度，而不是修復圖像高度？

Question

<div> 
    <image style="width: 280px;height: 280px;margin-left:250px;margin-top:100px" :src="picPath"></image> 
</div> 

在上面的foo.vue中，它指定了圖像的寬度和高度，但在某些情況下，我們需要在圖像加載到imageview後更改圖像的寬度和高度。我的問題是，爲了這個，我應該從foo.vue到原生android/ios做些什麼？提前致謝。

Answer 1

只是使用加載事件。 e.g：

<template> 
 
    <div style="width: 750px; background-color: #f4f4f4; margin-top: 10px;" v-for="(item, index) in storyJson"> 
 
     <image v-if="item.type === 'image'" :src="item.value" style="width: 750px; height: 468px; margin-bottom: 10px;" @load="load" resize="contain"></image> 
 
    </div> 
 
</template> 
 

 
<script> 
 
module.exports = { 
 
    props: { 
 
    storyJson: { 
 
     default: function() { 
 
     return []; 
 
     } 
 
    } 
 
    }, 
 
    methods: { 
 
    setUpStoryJson(json) { 
 
     this.storyJson = JSON.parse(json); 
 
    }, 
 
    load(e) { 
 
     const naturalSize = e.size; 
 
     const showHeight = naturalSize.naturalHeight * 750/naturalSize.naturalWidth; 
 
     e.target.setStyle('height', showHeight + 'px'); 
 
    } 
 
    } 
 
};</script>