django-forms – 来自Django的Vue动态html表单

发布时间：2020-12-20 13:16:45 所属栏目：Python 来源：网络整理

导读：我在Django中有FormView,我想在Modal中显示这个表单.所以我制作Vue组件并在创建时调用此方法： created: function(){ let self = this; $.get(window.profileUrls.registration,function (data){ $('#registerModal').replaceWith(data); self.$forceUpdate(

我在Django中有FormView,我想在Modal中显示这个表单.所以我制作Vue组件并在创建时调用此方法：

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

Django使用form返回HTML,我用这个HTML替换默认的空模态.但强制更新不会重新初始化v模型和其他绑定,并且vue不会更新组件数据.

是否有一些方法在GET请求后手动重新初始化组件？

解决方法

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
    })
  });
})

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!