Verwenden Sie die Dropdown-Auswahl, um zwischen den Echarts-Plots zu wechseln

Die erste Option ist standardmäßig ausgewählt

1. Seitennutzungsauswahl

<el-select size="small" class="drop_down_list color_search" v-model="value"
             @change="searchSelect(value)" title="请选择饲喂模式">
      <template v-for="item in feedingStrategyMajor">
           <el-option
             :key="item.type"
             :value="item.type"
             :label="item.title">
           </el-option>
      </template>
</el-select>

        data() {
            return {
                
                value: 1,
                majorType: 1,
                feedingStrategyMajor: [], //存后台获取的数据
            }
        },

2.Ereignis

            //获取选择器数据
            searchSelect(majorType) {
                this.majorType = majorType;

                this.$refs.mychild.getAllCurves(0, "", majorType); //我调用的组件里面的事件
            },

this.$refs.mychild.getAllCurves(0, "", mainType); //Die Methode in der Komponente, die ich aufgerufen habe, hier ist die Methode, die aufgerufen wird, um die Kurvendaten abzurufen

Beispiel: Kurvendaten abrufen – hier ist das Ereignis in der Komponente

            //获取曲线所有数据
            getAllCurves(index, paramsName,majorType) {
                this.indexComponent = index;
                if (index != this.getAllCurvesIndex){
                    this.getAllCurvesIndex = 0
                }
                if (majorType != undefined){
                    this.majorType = majorType;
                }
                this.getAllCurvesIndex = index;
                polylineData('get', {
                    majorType: this.majorType
                }).then(res => {
                    const seriesArr = [];
                    const waterData = [];
                    const feedData = [];
                    if (res.code == 200) {
                        //获取全部折线数据
                        this.feedTitle = res.data.userFeedingCurves;
                        ......................省略