Vue使用this.reload();刷新页面问题

img

问题描述:当我在档案详情页面使用this.reload();时,刷新本页面,会把前面的个人档案管理给更新关掉。怎么只刷新详情这一个页面呢?就是想对其他的页面没影响。

data (){
return {
tableData:[],这是你的table数据
}
},
mounted(){
这是你第一次进来发送的请求获取table数据
this.tableDataHttp()
},
methods:{
tableDataHttp(){
写个获取table数据的方法
http请求
赋值到this.tableData里
} ,
sx(){
刷新方法
再次调用
this.tableDataHttp()
}
}

你不需要刷新页面只需要写个刷新按钮在发一次对应请求就行了

修改了table后你在重新请求你获取table那个接口就可以达到刷新的效果 只替换数据是不会重新打开页面的不要其他多余操作

修改成功的函数中重新调用获取详情数据的接口就行了

我再补充一下:
图一:

img


图二:

img

这个界面有一个公卫人群的按钮,里面有一些标签(如图二),我需要通过修改标签选项,确定后如图一中个人档案页面(tables)会刷新,比如我选择图二中的高血压患者,图一中下面会出现对应的高血压。现在是不刷新table,所以想用this.reload();刷新一下。