javascript - Vue의 데이터는 Ajax를 통해 얻은 다음 Vue가 인스턴스화됩니다. 페이지가 로드된 후 먼저 실행되도록 Ajax 요청을 제어하고 요청이 성공한 후 Vue를 인스턴스화하는 방법은 무엇입니까?
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-06-26 10:50:56
0
7
846

Vue의 데이터는 Ajax를 통해 얻은 다음 Vue가 인스턴스화됩니다.
페이지가 로드된 후 먼저 실행되도록 Ajax 요청을 제어하고 요청이 성공한 후 Vue를 인스턴스화하는 방법은 무엇입니까?

曾经蜡笔没有小新
曾经蜡笔没有小新

모든 응답 (7)
習慣沉默

onload 이벤트는 Ajax 요청에 바인딩되며 Vue는 성공적인 콜백에서 인스턴스화됩니다.

    伊谢尔伦

    어제 바이두에서 비슷한 질문을 봤습니다.
    어디에서 나온 것인지 묻고 싶습니다.

    이 작업을 수행하는 이유를 알고 싶으십니까?

    내 대답은 다음과 같습니다. 이는 권장되지 않습니다.

      滿天的星座

      생성시 요청하실 수 있습니다

      페이지가 요청을 기다리지 않도록 하는 것이 가장 좋습니다. 그렇지 않으면 페이지가 비어 있게 됩니다.

      생성시 요청시, 마운트 후에도 결과가 나오지 않는 경우 로딩 애니메이션을 보여드릴 수 있습니다

      페이지가 렌더링되기 전에 요청을 기다리지 마십시오. 사용자의 인터넷 속도가 좋지 않고 로딩 애니메이션이 표시되지 않지만 비어 있는 경우 가장 먼저 생각할 것은 웹 사이트의 문제입니다. 로딩 애니메이션이 있으면 요청을 기다리고 있다는 것을 알 수 있습니다

      사용자가 이해하기 쉽도록 로딩 애니메이션을 사용하세요

        某草草

        으아악

        요청이 성공할 때까지 기다린 다음 함수를 실행하고 vue를 인스턴스화하세요!

          学习ing

          사실 이는 매우 일반적인 요구 사항입니다.

          Vue는 이때 처음으로 인스턴스화될 수 있습니다data可以没有值,界面上展示loading或"正在加载"之类的提示,同时在实例的created钩子中发起数据请求,得到数据后给实例赋值就行了,vm.data = ajaxData.

            Peter_Zhu

            으아악

            $(document).ready()는 페이지가 로드된 후 내부에서 함수를 실행하는 것을 의미합니다.
            jquery ajax의 beforeSend에 몇 가지 로딩 프롬프트를 작성합니다. 성공하면 프롬프트가 지워지고 데이터가 있으면 인스턴스화됩니다. 또한 요청에 대한 프롬프트도 표시됩니다. 이것은 제가 최근 인턴십 중에 쓴 글입니다. 개인적으로 꽤 완성도가 높다고 생각합니다.

              阿神

              이것은 기술적인 문제가 아니라 제품 디자인의 문제입니다. 제품에 왜 그런 디자인이 있는지 물어보세요.

                최신 다운로드
                더>
                웹 효과
                웹사이트 소스 코드
                웹사이트 자료
                프론트엔드 템플릿
                회사 소개 부인 성명 Sitemap
                PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!