一、三个以内,两个时(el-select)
<template>
=============同个两个@change实现父子孙的三级联动==================
<el-form :inline="true">
<el-form-item label="下拉1">
<el-select
v-model="selectData.com1"
placeholder="请选择1"
clearable
@change="change1"
>
<el-option
v-for="x in optionData.father"
:key="x.value"
:value="x.value"
:label="x.name"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="下拉2">
<el-select
v-model="selectData.com2"
placeholder="请选择2"
clearable
@change="change2"
>
<el-option
v-for="x in optionData.son[selectData.com1]"
:key="x.value"
:value="x.value"
:label="x.name"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="下拉3">
<el-select v-model="selectData.com3" placeholder="请选择3" clearable>
<el-option
v-for="x in optionData.sun[selectData.com2]"
:key="x.value"
:value="x.value"
:label="x.name"
></el-option>
</el-select>
</el-form-item>
==========这里是@change的回调测试