(vue)父组件点击后子组件数据未及时更新

最新推荐文章于 2024-07-29 11:31:42 发布

nyf_unknown

最新推荐文章于 2024-07-29 11:31:42 发布

阅读量843

点赞数

分类专栏： VUE 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_44754635/article/details/125394046

版权

VUE 专栏收录该内容

189 篇文章 2 订阅

订阅专栏

(vue)父组件点击后子组件数据未及时更新

原因：

1.请求异步
2.子页面只有第一次加载时才走mounted(),所以数据为空。

方法：

用watch属性来监听数据动态变化

props: ["searchEngRes"],  //父组件传的值
watch: {
   searchEngRes(newVal, oldVal) {
     this.searchEngRes = newVal;
     newVal && this.dataShow();
     newVal && this.tupuShow(); //图谱数据
   },
 },

methods:{
	// 匹配数据
	dataShow() {
	  this.shiTi = this.searchEngRes.data;
	  this.bufen = this.searchEngRes.relation; 
	  ...
	},
}