返回最后一个值,而不是正确的值

我想要的是每个名称都将获得其关联值,但是下面的代码将在每个循环上打印所有值,然后在最后一个值处停止。

Home.html

<template>
   <div repeat.for="name of names">
    ${getvalue(name)}
    <p>Hello ${value}</p>
   </div>
</template>

Home.js

export class Home {
    names = ["one","two","three"];

    constructor() {
        this.getvalue();
        this.value = "";
    }

    getData() {
        return httpClient.fetch('example.com/api/v')
            .then(response => response.json())
            .then(data => {
                return data;
            });
    }

    getvalue(name) {
        this.getData()
            .then(data => this.value = data.name);
    }
}

实际结果:

Hello value3 //It prints value1 value2 then stops at value3
Hello value3 //It prints value1 value2 then stops at value3
Hello value3 //It prints value1 value2 then stops at value3

预期结果:

Hello value1
Hello value2
Hello value3
liuyao302 回答:返回最后一个值,而不是正确的值

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/2694574.html

大家都在问