vue用element两个下拉框连动
遇到了下拉框相连的,点第一个后,第二个出数据注意::key="item.id"一般写id:label="item.paramterName"下拉框显示数据:value="item.stationName"传过去得内容v-model和:value一样的v-model名字随意取,但是要到return下定义一把,传到后台的值就是写 v-model的内容@change=“Canshu()” 一定要写在第一
·
遇到了下拉框相连的,点第一个后,第二个出数据
注意::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();
},
更多推荐
已为社区贡献3条内容
所有评论(0)