Vue.js:如何在选择另一个选择选项时启用选择选项

问题描述

im使用库vue-search-select来禁用isdisabled中使用的选择选项。最初,specialty上的选择选项被禁用。选择hospital后,我想要它,然后禁用specialty消失。

这是我的观点:

view

我的代码

<model-list-select :list="hospital"
    v-model="optHospital"
    @change="getSpeciality"
    option-value="id"
    option-text="hospital_name"
    placeholder="Choose Hospital">
</model-list-select>

<model-list-select :list="speciality"
    isdisabled
    v-model="optSpeciality"
    @change="getDoctor"
    option-value="specialist_id"
    option-text="specialist_name"
    placeholder="Choose Speciality">
</model-list-select>

谢谢。

解决方法

您可以根据第一个选择的值有条件地禁用它,例如,当第一个选择未定义时将其禁用,就像这样:

command1     comment1
command2     comment2
command3     comment3