VueJS 组件模板中的 Django Form

Question

我目前正在开始一个项目，我正在使用 Django对于后端，graphql ( Graphene ) 对于 API，VueJS对于前端，Vue Apollo以简化通过 VueJS 运行 graphql 查询。

事情是:我已经能够在 Vue 组件中执行自定义表单并运行适当的查询来获取/添加/删除数据。但是到目前为止，我还没有能够将 Django Forms 集成到 Vue 组件中，我不知道该怎么做。我可能对自定义表单感到满意，但我不想使用 Django 表单，因为使用 Django 可以轻松完成表单的所有验证。

如有任何帮助，我们将不胜感激。

提前致谢

lbris.

Answer 1

我找到了一个非常干净的解决这个问题的方法来使用 djagno widget tweaks

这样你就可以拥有类似的东西:

View .py

def myview(request):
    form = MyForm()
    return render(request, 'mytemplate.html', {'form': form})

mytemplate.html

{% load widget_tweaks %}
<form v-on:submit-prevent="myaction()">
    {% render_field form.field v-model="myattr" %}
</form>

它会完美地工作