select选择第一个，第二个数据联动

最新推荐文章于 2024-08-18 22:26:48 发布

柚子、、

最新推荐文章于 2024-08-18 22:26:48 发布

阅读量396

点赞数

分类专栏： jq vue html 文章标签： vue.js html5

本文链接：https://blog.csdn.net/ZZHK666/article/details/124149019

版权

vue 同时被 3 个专栏收录

17 篇文章 0 订阅

订阅专栏

5 篇文章 0 订阅

订阅专栏

html

3 篇文章 0 订阅

订阅专栏

1、

 <el-select
                    v-model="ruleForm.area"
                    placeholder="Northland"
                >
                    <el-option
                    v-for="item in location"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                    >
                    </el-option>
                </el-select>

2、

 <el-select
                    v-model="ruleForm.job_type"
                    placeholder="Temporary"
                    @change="get_money($event)"
                >
                    <el-option
                    v-for="item in Temporary"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                    >
                
                    </el-option>
                </el-select>

3、

get_money(event) {           
            this.$axios.get(", {
            params: {
                job_type: event,
            },
            })
            .then((res) => {
            if (res.data.code == 200) {
                this.Salary = res.data.data;
                this.ruleForm.salary_range = this.Salary[0].salary_range
            }
            })
            .catch((err) => {
            });
        },