2017-09-18 1 views
-2

ich die Ajax verwenden, um Informationen in Vue.js zu bekommen, so ist mein Code:Mit if ... else ... in Pfeil Funktion

fetch('http://work1999.kcg.gov.tw/open1999/ServiceRequestsQuery.asmx/ServiceRequestsQuery').then(function (response) { 
if (response.ok) { 
    return response.json(); 
} else { 
    commit(roottypes.LOADING, false); 
} 

});

Aber ich benutze Airbnb JavaScript Style, so dass ich Fehler: https://imgur.com/a/ePeUG

Um nicht-else-Rückkehr zu lösen und es vorziehen, Pfeil-Rückruf, so dass ich meinen Code ändern:

fetch('http://work1999.kcg.gov.tw/open1999/ServiceRequestsQuery.asmx/ServiceRequestsQuery').then((response) => { 
if (response.ok) { 
    return response.json(); 
} 

commit(roottypes.LOADING, false); 

});

Und dann bekam ich einen neuen Fehler: https://imgur.com/2qZOqD5

Aber nur, wenn Reaktion in Ordnung ist, wird er zurückkehrt, werden andere die Funktion tun. Wie kann ich dieses Problem lösen? Danke.

+3

'eine Rückkehr value' erwartet - und ja, Sie sind nicht Wert ... wie interessant, dass der Fehler der Rückkehr sagt Ihnen genau was das Problem ist (beide Bedingung im ersten Code und der nicht wahre Code im zweiten Code geben keinen Wert zurück) ... versuchen Sie etwas zurückzugeben –

Antwort

1

Wenn Sie Pfeil-Funktion verwendet werden soll, sollte es sein:

fetch('http://work1999.kcg.gov.tw/open1999/ServiceRequestsQuery.asmx/ServiceRequestsQuery') 
    .then(response => { return response.ok ? response.json() : commit(roottypes.LOADING, false) }); 
+0

Vielen Dank für Ihre Hilfe, aber es zeigte einen anderen Fehler: http://eslint.org/docs/rules/no-confusing-arrow Arrow-Funktion zweideutig mit einem bedingten Ausdruck verwendet – Mark

+0

Ich habe die Antwort aktualisiert – Faly

+0

Ja, ich ändere den Code wie Sie geben, und erhalten drei Fehler. [link] (https://imgur.com/MQldTOn) – Mark