vue实现3级联动

最新推荐文章于 2024-08-08 08:32:22 发布

你蠢哭我咯

最新推荐文章于 2024-08-08 08:32:22 发布

阅读量2.9k

点赞数

分类专栏： vue-js 文章标签： vue

本文链接：https://blog.csdn.net/m0_38069630/article/details/78466382

版权

vue-js 专栏收录该内容

53 篇文章 0 订阅

订阅专栏

<el-col :span="4">
    <el-form-item label="代理商">
        <el-select v-model="formData.agentid" placeholder="" @change="changeAgent">
            <el-option label="全部" :value="0"></el-option>
            <el-option :label="item.agentname" :value="item.agentid" :key="item.agentid"
                       v-for="item in dlsList"></el-option>
        </el-select>
    </el-form-item>
</el-col>
<el-col :span="4">
    <el-form-item label="工作室">
        <el-select v-model="formData.studioid" placeholder="">
            <el-option label="无" :value="0"></el-option>
            <el-option :label="item.studioname" :value="item.studioid" :key="item.studioid"
                       v-for="item in gzsList" v-if="formData.agentid == item.agentid"></el-option>
        </el-select>
    </el-form-item>
</el-col>
<el-col :span="4">
    <el-form-item label="销售">
        <el-select v-model="formData.sellerid" placeholder="">
            <el-option label="无" :value="0"></el-option>
            <el-option :label="item.sellername" :value="item.sellerid" :key="item.sellerid"
                       v-for="item in xsList" v-if="formData.studioid == item.studioid"></el-option>
        </el-select>
    </el-form-item>
</el-col>