我已成功从此 async/await 函数中检索到承诺:
const fetchJSON= (async () => {
const response = await fetch('http://localhost:8081/getJavaMaps')
return await response.json()
})();
Run Code Online (Sandbox Code Playgroud)
现在我想将结果转换或分配给数组。这就是 console.log(fetchJSON) 中的结果:
[[PromiseResult]]: Object
One: "Batman"
Three: "Superman"
Two: "Ironman"
Run Code Online (Sandbox Code Playgroud)
但是,当我执行如下操作时: console.log(fetchJSON.One); console.log(fetchJSON.length);
我总是得到:
undefined
Run Code Online (Sandbox Code Playgroud)
我试过这个:
let myarray = Object.entries(fetchJSON);
Run Code Online (Sandbox Code Playgroud)
但它不会将 PromiseResult 对象转换为二维数组。
但我的最终目标是,主要内容集中在一起.工具栏和页面标题居中,但左侧有点:
这是我在Vuetify/Vue中的模板布局
<v-tabs dark fixed centered>
<v-toolbar extended class="cyan" dark>
<v-toolbar-side-icon></v-toolbar-side-icon>
<v-spacer></v-spacer>
<v-btn icon>
<v-icon>search</v-icon>
</v-btn>
<v-btn icon>
<v-icon>more_vert</v-icon>
</v-btn>
<v-toolbar-title slot="extension" class="display-3">Share My Pic</v-toolbar-title>
</v-toolbar>
<v-tabs-bar slot="activators" class="cyan ">
<v-tabs-slider class="yellow" >Slider</v-tabs-slider>
<v-tabs-item
v-for="i in tabArray"
:key="i"
:href="'#tab-' + i">
{{i}}
</v-tabs-item>
</v-tabs-bar>
<v-tabs-content
v-for="i in 3"
:key="i"
:id="'tab-' + i"
>
<v-card flat>
<v-card-text>{{ text }}</v-card-text>
</v-card>
</v-tabs-content>
</v-tabs>
Run Code Online (Sandbox Code Playgroud)
请帮忙.任何有利于我朝着正确方向前进的建议都表示赞赏.
-Adi