Kommt schon, Brüder, hier kommt das Problem. [Vue]

<ul>
      <li v-for="(item, index) in timeWait" :key="index">
        <span v-if="index+1<=10">系统正在运行,请稍等...  {
   
   { !isNaN(item.value)?('当前结果是:'+item.value):'' }}</span>
        <span v-else-if="index+1==11">系统运行结束,最终的结果是  {
   
   { item.value }}</span>
      </li>
    </ul>
function result(res) {
        return new Promise((resolve, reject) => {
            resolve(res)
        })
    }
let getR = function (index) {
      if (index <= 10) { // 记住这里,我们称这里为“标注处”
        this.timeWait.push({id:index})
        result(index).then(res => {
          console.log('res', res)
            this.timeWait[index].value=res
            console.log('this.timeWait', this.timeWait)
            ++index
          getR(index)
        })
      }
}.bind(this)

getR(0)

Das Ergebnis der obigen Ausführung ist:

 Das war es fürs Erste. Sprechen Sie nicht über die Verbesserung des Codes oder die Änderung der Schreibmethode. Lassen Sie uns über den obigen Code sprechen, ohne ihn zu ändern.

Das Problem besteht nun darin, dass bei Einstellung der „Anmerkungsposition“ auf 10 das Endergebnis der Seite nicht angezeigt wird, wohl aber bei Änderung auf 11. Was ist der Grund?

Supongo que te gusta

Origin blog.csdn.net/qq_52856519/article/details/131087220
Recomendado
Clasificación