장고에서 Vue 동적 HTML 양식

Question

나는 장고에 FormView을 가지고 있으며이 양식을 모달에 표시하려고합니다. 그래서 내가 뷰 구성 요소를 만들고에 내가이 전화를 만들 :

created: function(){ 
    let self = this; 
    $.get(window.profileUrls.registration, function (data){ 
     $('#registerModal').replaceWith(data);  
     self.$forceUpdate(); 
    }); 
} 

장고 양식 HTML을 반환하고 난이 HTML을 기본 빈 모달를 교체합니다. 그러나 강제 업데이트는 v-model 및 기타 바인딩을 다시 초기화하지 않으며 vue는 구성 요소 데이터를 업데이트하지 않습니다.

GET 요청 후 수동으로 구성 요소를 다시 초기화하는 방법이 있습니까? 내가 현재 사용하고

Answer 1

https://vuejs.org/v2/guide/components.html#Async-Components

솔루션 :

Vue.component('async-example', function (resolve, reject) { 
    get('backendurl', function (data) { 
    // Pass the component definition to the resolve callback 
    resolve({ 
     template: data 
    }) 
    }); 
})