使用EChart时碰见的问题,vue中父组件传值给EChart子组件,父组件值改变,子组件不能重新渲染,
在子组件上使用 v-if ="flag"
来源于vue中父组件传值给子组件,父组件值改变,子组件不能重新渲染_菜鸟中的菜菜鸟的博客-CSDN博客_vue子组件props接接收的值怎么先修改再渲染这里面评论又个老哥说了这个方法,v-if会触发DO M元素的渲染,配合next Tick将变更推到下一轮Dom元素循环就能完成组件的手动刷新
flag.value = false;
xData.value = res.gasList.dateChange;
yData.value = res.gasList.priceChange;
nextTick(() => {
flag.value = true;
});
还有的方式是在子组件使用Watch监听所有传入的值