vben 管理重置按钮单独获取点击重置图表（vue3）

框架reload（）方法重新获取表格的数据

子组件:

用defineExpose暴露出重新获取图表方法

defineExpose({
    showChart,
  });

父子组件：

   <Reporttree :infoecharts="infodatas" ref="ReporttreeRef" @key-clicked="getkey" />

通过ref获取到子组件里面的方法这样就可以重置图表了。

 ReporttreeRef.value.showChart();

重点：

重置按钮这边直接用js，f12获取到按钮的，然后监听点击事件就可以了主要是reload（）方法

写到onMounted钩子里面这个方法

    // css获取重置按钮
    const secondButton = document.querySelector('.ant-btn.mr-2.w-20:nth-child(2)');
    secondButton.addEventListener('click', () => {
      key.value = '';
      reload();
      ReporttreeRef.value.showChart();
    });