场景问题
在项目中,子组件中使用了Echarts的图表,图表的数据需要从父组件传入Id来进行查询,墒情仪与气象站相同的结构,当切换设备时,图表无法回显,父子组件传值正常。
解决心路历程
1、我将两种设备传值的Id分开传递,处理无果
2、给子组件赋key,每次点击设备标识 key++,修订成功
<template v-if="instrumentValue == 0 && facilityId != ''">
<SoilMositure :facilityNo="facilityNo" :facilityId="facilityId" :key="childKey.soilMositure" ></SoilMositure>
</template>
<template v-else-if="instrumentValue == 1 && facilityId != ''">
<WeatherStation :facilityNo="facilityNo" :facilityId="facilityId" :stationName="facilityName" :key="childKey.weatherStation"></WeatherStation>
</template>