Select
子组件
<el-select
v-model="model"
:placeholder="`请选择${placeholder}`"
:size="size"
@change="selectChange($event, item.code)"
>
<el-option
v-for="option in item.options"
:key="option.value"
:label="option.label"
:value="option.value">
</el-option>
</el-select>
private selectChange(value: any, code: any) {
this.$emit('selectChange', value, code)
}
父组件
<father-select @selectChange="selectChange(arguments)"></father-select>
public selectChange(arr: any) {
console.log(arr)
}
Cascader
<el-cascader
clearable
:show-all-levels="false"
v-model="data"
:options="options"
size="small"
placeholder="请选择"
:props="{ expandTrigger: 'hover' }"
@change="handleChange($event,'aa','bb')"
></el-cascader>
private handleChange(value: any, aa: any, bb: any) {
console.log(value);
console.log(aa);
console.log(bb);
}