如何在v型选择上添加条件？vue.js 2

我的vue组件如下所示：

<template>
    <select class="form-control" v-model="selectedProvince"="level === 'province'"  v-model="selectedProvince"="level === 'city'">
        <option value="">Choose</option>
        <option v-for="option in options" v-bind:value="option.id" >{{ option.name }}</option>
    </select>
</template>
<script>
    export default {
        props: ['level'],
        data() {
            return {
                selectedProvince: '',
                selectedCity: '',
            };
        },
        ...
    };
</script>

选择
{{option.name}
导出默认值{
道具：['level']，
数据（）{
返回{
所选省份：“”，
所选城市：“”，
};
},
...
};

选择省市有1个选择。它是按级别区分的。我想增加一个条件

如果级别=省，它将运行v-model=“selectedProvince”

如果级别=城市，它将运行v-model=“selectedCity”

我试着像上面的代码，但从写作来看，似乎它仍然是错误的

---

如何才能正确地执行此操作？

抛开一个问题不谈，即在同一个select中会有两种不同类型的信息，您可能希望使用计算值而不是您正在尝试的值来推导值

data(){
    return {
        selectedOption: null,
        level: "province"
    }
},
computed:{
    selectedProvice(){
        if (this.level === "province")
            return this.selectedOption
        else
            return null
    },
    selectedCity(){
        if (this.level === "city"
            return this.selectedOption
        else
            return null
    }
}

然后对您的型号使用

选择选项

<select class="form-control" v-model="selectedOption">

---

如果您有空闲时间。也许你能帮我。看看这个：