使用下拉选择器切换echarts图

默认选中第一个选项

1. 页面使用选择器

<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.事件

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

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

this.$refs.mychild.getAllCurves(0, "", majorType); //我调用的组件里面的方法,这里就是调用的获取曲线数据的方法

例: 获取曲线数据 -- 这里是组件里的事件

            //获取曲线所有数据
            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;
                        ......................省略

 

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值