遇到了下拉框相连的,点第一个后,第二个出数据
注意::key="item.id"一般写id :label="item.paramterName" 下拉框显示数据 :value="item.stationName" 传过去得内容 v-model和:value一样的 v-model名字随意取,但是要到return下定义一把,传到后台的值就是写 v-model的内容

@change=“Canshu()” 一定要写在第一个下拉框上

<span class="si_title">测点名称:</span>
       <el-select class="sel_cedian" style="width: 8%" v-model="stationName" filterable
                                   placeholder="请选择" @change="Canshu()">
     <el-option v-for="item in NameData" :key="item.id" :label="item.stationName"
                                       :value="item.stationName"></el-option>
      </el-select>
     <span class="si_title">参数:</span>
   <el-select v-model="cs" style="width:12%" placeholder="请选择" class="sel_cedian">
      <el-option v-for="item in CanData"
                   :key="item.id"
                    :label="item.paramterName"
                     :value="item.paramterName">
         </el-option>
        </el-select>
methods:{
 Cedian() {
                this.axios({
                    url: '',
                    method: 'get',
                    params: {
                        stationName: this.stationName,//传到后台数据
                        userId: this.userid,
                    }
                }).then((res) => {
                    this.NameData = res.data.result
                }).catch((err) => {
                    console.log(err)
                })
            },
            Canshu() {
                this.axios({
                    url: '',
                    method: 'get',
                    params: {
                        stationName: this.stationName,//传到后台数据
                        userId: this.userid,
                    }
                }).then((res) => {
                    this.CanData = res.data.result
                }).catch((err) => {
                    console.log(err)
                })
            }
            },
         mounted() {
            this.Cedian();
        },

            
Logo

前往低代码交流专区

更多推荐