Vue.js數據對象在掛載時未更新-vue-file-uploder

我正在使用vue-media-upload庫(此處提供文檔)

我渲染上傳器組件,并用圖像數組對其進行預處理:

 <Uploader
    :media="images"
 />

export default {
    props:{

    },
    mounted(){
        this.getData()
    },
    data(){
        return{
        
            images: [
              
            ],
        }
    },
    methods:{
        getData(){
           
            axios.get('sections/slides/1').then(response => {
                    this.images = response.data;
                })
        },
  }

正如您在代碼中看到的那樣,onMounted I調用getData函數,該函數從后端獲取圖像并更新圖像陣列。但由于某種原因,上傳程序組件無法使用來自服務器的圖像進行填充。

請注意,如果我試圖像這樣顯示服務器上的圖像{{images}},我可以看到圖像object..but,上傳組件無法填充圖像。

如果我像這樣對數據對象中的圖像進行硬編碼:

images: [
   { id: 1, name: '123_image.jpg' },
   { id: 2, name: '456_image.jpg' },
],

上傳器確實被填充了,但我不想硬編碼圖像,我想從服務器上獲取它們。

? 最佳回答:

模板代碼是同步執行的,而數據獲取是異步的,這意味著Uploader組件總是用一個空的images數組創建的。

使用條件渲染,您可以添加一個v-if來等待渲染/創建Uploader組件,直到填充images數組。

<Uploader
    v-if="images.length > 0"
    :media="images"
/>
主站蜘蛛池模板: 日产一区日产2区| 国产成人高清亚洲一区久久| 欧美人妻一区黄a片| 国产福利一区视频| 日本一区二区不卡在线| 日本免费精品一区二区三区| 日韩精品无码一区二区三区 | 亚洲av成人一区二区三区| 一区二区网站在线观看| 精品国产一区二区二三区在线观看| 日韩好片一区二区在线看| 国产综合精品一区二区三区| 日韩一区二区三区免费播放| 精品国产福利在线观看一区| 亚洲综合在线一区二区三区| 人妻aⅴ无码一区二区三区| 国产一区二区电影| 国产午夜精品一区二区三区 | 精品一区二区三区自拍图片区| 中文字幕在线一区二区三区| 国产AV天堂无码一区二区三区| 国模大胆一区二区三区| 天美传媒一区二区三区| 国产品无码一区二区三区在线| 亚洲AV无码国产一区二区三区| 无码人妻一区二区三区免费手机 | 人妻无码一区二区三区四区| 波多野结衣电影区一区二区三区| 国产精品视频无圣光一区| 国产精品久久久久一区二区| 国产视频一区二区| 亚州国产AV一区二区三区伊在| 久久精品无码一区二区三区日韩 | 一区二区免费视频| 精品一区二区三区无码免费视频| 中文字幕一区二区三区在线观看| 日韩中文字幕精品免费一区| 精品国产一区二区三区久 | 国模吧一区二区三区精品视频| 精品国产一区二区三区香蕉事| 日本一区二区三区在线视频|