Question

我在Django中有FormView，我想在Modal中显示这个表单。所以我制作Vue组件并在创建时调用它：

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

Django返回带有表单的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
    })
  });
})

来自Django的Vue动态html表单

1 个答案: