Vue-Promise 비동기 및 동기화 처리
1564 단어 Vue
Promise:
{{who}}, :{{merchandiseName}} changeMerchandiseNameSync
{{who}}, :{{merchandiseName}} changeMerchandiseNameAsync
export default {
data() {
return {
merchandiseName:'default',
who:'default'
}
},
methods:{
changeMerchandiseNameAsync(){
//
this.requestMerchandiseName().then(responseMesssage=>{
this.merchandiseName=responseMesssage;
}).catch(error=>{
alert(error);
});
// requestMerchandiseName
this.who=' ';
},
async changeMerchandiseNameSync(){
//
const responseMesssage = await this.requestMerchandiseName().catch(error=>{
alert(error);
});
this.merchandiseName=responseMesssage;
// requestMerchandiseName
this.who=' ';
},
requestMerchandiseName(){
return new Promise((resolver,reject)=>{
setTimeout(() => {
//reject('error 500');
resolver('i am learning');
}, (3000));
})
}
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vue Render 함수로 DOM 노드 코드 인스턴스 만들기render에서createElement 함수를 사용하여 DOM 노드를 만드는 것은 직관적이지 않지만 일부 독립 구성 요소의 디자인에서 특수한 수요를 충족시킬 수 있습니다.간단한 렌더링 예는 다음과 같습니다. 또한 v...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.