84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
Vue의 데이터는 Ajax를 통해 얻은 다음 Vue가 인스턴스화됩니다.페이지가 로드된 후 먼저 실행되도록 Ajax 요청을 제어하고 요청이 성공한 후 Vue를 인스턴스화하는 방법은 무엇입니까?
onload 이벤트는 Ajax 요청에 바인딩되며 Vue는 성공적인 콜백에서 인스턴스화됩니다.
어제 바이두에서 비슷한 질문을 봤습니다.어디에서 나온 것인지 묻고 싶습니다.
이 작업을 수행하는 이유를 알고 싶으십니까?
내 대답은 다음과 같습니다. 이는 권장되지 않습니다.
생성시 요청하실 수 있습니다
페이지가 요청을 기다리지 않도록 하는 것이 가장 좋습니다. 그렇지 않으면 페이지가 비어 있게 됩니다.
생성시 요청시, 마운트 후에도 결과가 나오지 않는 경우 로딩 애니메이션을 보여드릴 수 있습니다
페이지가 렌더링되기 전에 요청을 기다리지 마십시오. 사용자의 인터넷 속도가 좋지 않고 로딩 애니메이션이 표시되지 않지만 비어 있는 경우 가장 먼저 생각할 것은 웹 사이트의 문제입니다. 로딩 애니메이션이 있으면 요청을 기다리고 있다는 것을 알 수 있습니다
사용자가 이해하기 쉽도록 로딩 애니메이션을 사용하세요
으아악
요청이 성공할 때까지 기다린 다음 함수를 실행하고 vue를 인스턴스화하세요!
사실 이는 매우 일반적인 요구 사항입니다.
Vue는 이때 처음으로 인스턴스화될 수 있습니다data可以没有值,界面上展示loading或"正在加载"之类的提示,同时在实例的created钩子中发起数据请求,得到数据后给实例赋值就行了,vm.data = ajaxData.
data
created
vm.data = ajaxData
$(document).ready()는 페이지가 로드된 후 내부에서 함수를 실행하는 것을 의미합니다.jquery ajax의 beforeSend에 몇 가지 로딩 프롬프트를 작성합니다. 성공하면 프롬프트가 지워지고 데이터가 있으면 인스턴스화됩니다. 또한 요청에 대한 프롬프트도 표시됩니다. 이것은 제가 최근 인턴십 중에 쓴 글입니다. 개인적으로 꽤 완성도가 높다고 생각합니다.
이것은 기술적인 문제가 아니라 제품 디자인의 문제입니다. 제품에 왜 그런 디자인이 있는지 물어보세요.
onload 이벤트는 Ajax 요청에 바인딩되며 Vue는 성공적인 콜백에서 인스턴스화됩니다.
어제 바이두에서 비슷한 질문을 봤습니다.
어디에서 나온 것인지 묻고 싶습니다.
이 작업을 수행하는 이유를 알고 싶으십니까?
내 대답은 다음과 같습니다. 이는 권장되지 않습니다.
생성시 요청하실 수 있습니다
페이지가 요청을 기다리지 않도록 하는 것이 가장 좋습니다. 그렇지 않으면 페이지가 비어 있게 됩니다.
생성시 요청시, 마운트 후에도 결과가 나오지 않는 경우 로딩 애니메이션을 보여드릴 수 있습니다
페이지가 렌더링되기 전에 요청을 기다리지 마십시오. 사용자의 인터넷 속도가 좋지 않고 로딩 애니메이션이 표시되지 않지만 비어 있는 경우 가장 먼저 생각할 것은 웹 사이트의 문제입니다. 로딩 애니메이션이 있으면 요청을 기다리고 있다는 것을 알 수 있습니다
사용자가 이해하기 쉽도록 로딩 애니메이션을 사용하세요
으아악
요청이 성공할 때까지 기다린 다음 함수를 실행하고 vue를 인스턴스화하세요!
사실 이는 매우 일반적인 요구 사항입니다.
Vue는 이때 처음으로 인스턴스화될 수 있습니다
data
可以没有值,界面上展示loading或"正在加载"之类的提示,同时在实例的created
钩子中发起数据请求,得到数据后给实例赋值就行了,vm.data = ajaxData
.으아악
$(document).ready()는 페이지가 로드된 후 내부에서 함수를 실행하는 것을 의미합니다.
jquery ajax의 beforeSend에 몇 가지 로딩 프롬프트를 작성합니다. 성공하면 프롬프트가 지워지고 데이터가 있으면 인스턴스화됩니다. 또한 요청에 대한 프롬프트도 표시됩니다. 이것은 제가 최근 인턴십 중에 쓴 글입니다. 개인적으로 꽤 완성도가 높다고 생각합니다.
이것은 기술적인 문제가 아니라 제품 디자인의 문제입니다. 제품에 왜 그런 디자인이 있는지 물어보세요.