• 首先使用标签创建多个下拉框

<template>
    <el-select v-model="uuid" placeholder="请选择" clearable filterable :loading="loadingOne"
               @keyup.enter.native="handleSearchContent" @change="productCategoryTwo()">
        <el-option
                v-for="item in productList"
                :key="item.value"
                :label="item.label"
                :value="item.value">
        </el-option>
    </el-select>
</template>
<template v-if="ifProductDelTwo">
    <el-select v-model="twoUuid" placeholder="请选择" clearable filterable :loading="loadingTwo"
               @keyup.enter.native="handleSearchContent" @change="productCategoryThree()">
        <el-option
                v-for="item in productListTwo"
                :key="item.value"
                :label="item.label"
                :value="item.value">
        </el-option>
    </el-select>
</template>

• 使用forEach方法循环查询到的数据放到定义的数组中(productList[])

 res.data.forEach((res, index) => {//res为返回json数据
    this.productList[index] = {
        value: res.uuid,
        label: res.categoryName,
    }

• 使用有数据的数组循环数据到第一个下拉框

<el-option
        v-for="item in productList"
        :key="item.value"
        :label="item.label"
        :value="item.value">
</el-option>

• 使用:loading属性懒加载查询到的数据，调用查询方法开始为true，查询完毕后为false

• 使用@change事件绑定查询方法显示下一个下拉框并加载数据