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

　　

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

我再html页面中有个table 

?

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

　　js如下：

?

1 2 3

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

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

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

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

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()的优先级高还是走到它里面了，加载了所有数据

不知道怎么解决，求教

-------------------------------------------------------2022.06.17----------------------------------------------------

找到解决方法了，特此更新

在方法里面增加一句： var _this = this; 把后面的代码中this替换为_this 就可以解决该问题。