Значение по умолчанию, либо удаление select при выборе другого select

@Destroyou · Регистрация: 21.01.2020

Author24 — интернет-сервис помощи студентам

HTML5

<el-form-item label="Тип оплаты" :label-width="formLabelWidth" prop="oplata" :rules=this.rules.oplata>
  <el-select v-model="form.oplata" placeholder="Выберите тип оплаты"><br>
    <el-option label="Наличные" value="149"></el-option>
    <el-option label="Безналичные" value="150"></el-option>
  </el-select><br>
</el-form-item>
<el-form-item label="Источник" :label-width="formLabelWidth" prop="beznal" :rules=this.rules.beznal v-if="form.oplata == 150">
  <el-select v-model="form.beznal" :rules=this.rules.beznal>
    <el-option value="151" :value="false"></el-option>
    <el-option label="QR-код на договорах" 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-option label="Карта " value="160"></el-option>
    <el-option label="Карта " value="161"></el-option>
  </el-select>
</el-form-item>

Проблема следующая, когда выбираешь ,"Безналичные" и какой-нибудь option, то эти же данные сохраняются, если выбрать "Наличные" как обнулить данные в при выборе одного из селектов ?

Добавлено через 10 минут
я пытался выбрать элемент по умолчанию false, но тогда в селекте ничего не возможно выбрать кроме false.

@MrOnlineCoder · 22.10.2020, 14:31

Destroyou, если я правильно понял, то нужно при выборе Наличные - сбрасывать значение form.beznal если там что то было выбрано?

Можно реализовать например через watch:

Javascript

watch: {
  'form.oplata'() {
    if (this.form.oplata == '149') this.form.beznal = null; //или любое другое нужное значения по умолчанию. 
   }
}

P.S. только проверьте чем является у вас form.oplata, если это число, то в условии в watch кавычки лишние.

@Destroyou · 22.10.2020, 15:08 **[ТС]**

уже реализовал на php )0)

PHP

 if ($_GET['typeOp'] == 149) {
 
        unset($typebeznal);
 
    }

@MrOnlineCoder · 22.10.2020, 15:43

Destroyou, серверная валидация не помешает, это точно)

@MrOnlineCoder Всегда онлайн 1084 / 788 / 295 Регистрация: 07.04.2013 Сообщений: 2,703
	22.10.2020, 15:43	4
	Destroyou, серверная валидация не помешает, это точно) 1