Vue传递数据到后台渲染页面

Question

这里面有两个按钮，一个时button一个时form的按钮，当我点击button的时候，数据发送给后台，但是{{line}}没有渲染出来，但是当我点击form的查看详情按钮，{{line}}就可以渲染出来？为什么？
后台代码如下

@csrf_exempt
def post_data(request):
    if request.method == 'GET':
        return render(request, 'test.html')
    if request.method =='POST':
        print(request.POST)
        line = {'line':"china"}
        return render(request, 'test.html',line)

Answer 1

post表单提交刷新页面了。走的后台的模板引擎吧

Answer 2

你的button是执行test2函数，但test2中的axios发送了post请求，并没有处理返回值，所以页面是不会有变化的。

但“查看详情”那个是submit，直接通过post方式提交了表单，页面刷新，line是后端渲染的。

再说你的vue的data中也没有line。