求助Django+vue项目时候遇到一个问题，table的data数据怎么更新

Posted 2021-06-21 翼风语

　　初学Django的框架，本来准备练习增、删、查、改，到查这一步就遇到这个问题了，希望有人可以帮忙解决下，问题如下：

我再html页面中有个table 

 <i-Table border height="400" :columns="columns1" :data="data1"></i-Table>

　　js如下：

        mounted:function(){ //预加载函数
             this.data1={{ data1|safe }}
        },

　　{{data1|safe}}是后台从数据库中取值传入前端的。

这是我定义了个搜索的接口也把数据传给了data1，但是前台页面table还是加载所有数据

getlist () {
                $.ajax({
                    type:"POST",
                    url:"getlist/",
                    data:{
                        "btitle":this.sel.btitle,
                        "bwriter":this.sel.bwriter,
                        "start_time":this.sel.bpub_date[0],
                        "end_time":this.sel.bpub_date[1]
                    },
                    success: function (response) {
                        console.log(response.sel_data);
                        this.data1= response.sel_data;
                },
                error : function() {
                    alert("异常！");
                }
                })

            }

　　

我响应数据也log出来了，数据就是满足我查询条件的数据。

我以为问题出在以下2个方面：

1、this.data1虽然被赋值了，但是table需要刷新才能生效

2、mounted:function()的优先级高还是走到它里面了，加载了所有数据

不知道怎么解决，求教