后端接口比如是这样的:
Array:{
{id:1,name:'第一天',code:'dyt'},
{id:1,name:'第二天',code:'det'}
}
1.比如 Array数组的数据时存在vuex state里面的。
2.在子组件里面通过computed取数据,代码如下:
<div>
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in Array"
:key="item"
:label="item.code"
:value="item.name"
@change="changeValue"
>
</el-option>
</el-select>
</div>
computed:{
...mapGetters('一个方法',['Array']) ,
//定义一个新数组
newArray(){
return [{name:"全部",code:''},...this.Array]
}
},
methods:{
changeValue(){
const selectValue=this.newArray.find(item=>item.code=== this.value)
this.$emit('一个方法','selectValue')
}
}
3.在父组件里面:
首先接收子组件传的下拉框选中的值
methods:{
一个方法(value){
//valueType是调接口时需要传参的参数
this.valueType=value.code ? value.name : ''
}
}
Javascript——调接口传参
于 2022-04-20 23:11:30 首次发布