1、牢牢记住,vue是基于JavaScript ES6的,所以只要刷新页面里面data下的数据,页面会自动刷新的。
所以这个数据是父页面传给el-dialog的,要刷新父页面的数据,el-dialog页面内的组件就可以刷新了。
2、在页面的组件处理后台程序完成后,可以调用
that.$parent.$parent.【父页面的方法】
来刷新数据。例如:文章来源:https://www.toymoban.com/news/detail-548788.html
monitorDataService.saveFileToMonitor({
updateFile:that.updateFile,
monitorId:that.form.monitorId
}).then(response=>{
//完成后刷新
if(response.code==200){
that.$parent.$parent.getMonitorDataInfo(that.form.monitorId);
}
});
其中,文章来源地址https://www.toymoban.com/news/detail-548788.html
that.$parent.$parent.getMonitorDataInfo就是父页面写在
methods:{}
里面的一个方法。它的主要作用就是从服务器获取数据然后将数据保存到当前页面的data中相对应的变量中。这些变量改变,组件里面的watch就可以监听到
到了这里,关于element UI组件库el-dialog内程序刷新el-dialog内组件方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!