Javascript 获取请求后，vue js组件中不显示数据

你好单击库组件后，将显示此组件并在方法中获取请求，但不会显示库数据：(
上次我没有遇到这样的问题。可能是因为我的组件看起来像模态。 我知道我的话很可笑：/

信息库
{{画廊}

{{gallery.size}}：大小
：格式
：分辨率
：姓名
：url
：路径

导出默认值{
道具：['gallery_id']，
名称：“展厅”，
数据（）{
返回{
画廊：{}，
}
},
方法：{
异步getGallery（）{
const data=wait axios.get（`/admin/gallery/${this.gallery_id}`）；
this.gallery=data.data；
console.log（this.gallery）
}
},
安装的（）{
这个.getGallery（）；
},
}

您能否更准确地描述一下究竟发生了什么和没有发生什么？例如，下面是对您看到的内容的准确描述吗？1.组件最初显示为空值，正如预期的那样。2.可以在开发人员工具的“网络”选项卡中看到GET请求并成功。3.控制台登录

getGallery将适当的对象记录到控制台。4.该组件不显示新值，并保持为空，这是不期望的。gallery组件最初是隐藏的，在单击按钮后显示，并在下载后发送对gallery信息的请求并存储在gallery信息中。数据已收到，但未显示未显示
<template>
    <section class="ShowGallery">
        <div class="panelGallery">
            <div class="topBlock">
                <div class="close" @click="$emit('btnCloseGallery')"><i class="icon-error"></i></div>
            </div>
            <div class="bottomBlock">
                <div class="block first">
                    <div class="image">
                        <img :src="gallery.url">
                    </div>
                </div>
                <div class="block second">
                    <h3>info gallery</h3>
                    {{gallery}}
                    <ul class="listInfo">
                        <li><span>{{gallery.size}}</span><span> : size </span></li>
                        <li><span v-text="gallery.type"></span><span> : format  </span></li>
                        <li><span v-text="gallery.resolution"></span><span> : resolution </span></li>
                        <li><span v-text="gallery.name"></span><span> : name  </span></li>
                        <li><span v-text="gallery.url"></span><span> : url  </span></li>
                        <li><span v-text="gallery.path"></span><span> : path  </span></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
</template>

<script>
    export default {
        props : ['gallery_id'],
        name: "ShowGallery",
        data(){
            return {
               gallery : {} ,
            }
        },
        methods : {
            async getGallery(){
                const data = await axios.get(`/admin/gallery/${this.gallery_id}`);
                this.gallery = data.data;
                console.log(this.gallery)
            }
        },
         mounted(){
             this.getGallery();
        },
    }
</script>