Выпадающий список label vue.js

никак не могу найти в документации, возможно ли как-то обозначить тег label ?

 <el-form-item label="Тип оплаты" :label-width="formLabelWidth" prop="oplata" :rules=this.rules.oplata>
    <el-select v-model="form.oplata"  placeholder="Выберите тип оплаты">
    <el-option  label="Наличные" value="149"></el-option>
    <el-option  label="Безналичные" value="150"></el-option>
    </el-select>
        <el-select  v-model="form.vibor" v-if="form.oplata">
            <el-option label="QR-код на договорах" value="151"></el-option>
            <el-option label="Терминал " value="152"></el-option>
            <el-option label="Терминал " value="153"></el-option>
            <el-option label="Терминал " value="154"></el-option>
            <el-option label="Зеленая наклейка" value="155"></el-option>
            <el-option label="Карта " value="156"></el-option>
            <el-option label="Карта " value="157"></el-option>
            <el-option label="Карта " value="158"></el-option>
            <el-option label="Картав" value="159"></el-option>
        </el-select>
    </el-form-item>

я вроде как сделал, но при нажатии "Наличными" или "Безналичными" выпадает список, мне же нужно что бы этот список "form.vibor" выпадал только при нажатии Безналичным


Ответы (0 шт):