Как отключить элементы выбора в соответствии с условием Element UI, Vuejs - PullRequest
0 голосов
/ 08 мая 2020

У меня есть следующий выбор, который заполняет его массивом объектов: в основном:

this.crimePlus:[
  {
 'from':10000,  
 'disabled':false
},
{
 'from':25000,  
 'disabled':false
},
{
 'from':50000,  
 'disabled':false
}
]

<el-select v-model="packageForm.crime.crimePlus" @change="crimePremium(packageForm.crime.crimePlus)" value-key="from" placeholder="Select">
    <el-option
     v-for="item in crimePlus"
     :key="item.from"
     :label="'$' + $helpers.formatMoneyNoDecimals(item.from)"
     :disabled="item.disabled"
     :value="item">
    </el-option>
</el-select>

Я присваиваю значение переменной

this.moneyMin =   this.displayColumn2==true ? 10000:
                  this.displayColumn3==true ? 25000:
                  this.displayColumn4==true ? 50000:0;

Итак, что я должен решить это: Если minMoney равно 10000, тогда объекты 25 и 50 изменяются на true

[
{
 'from':10000,  
 'disabled':false
},
{
 'from':25000,  
 'disabled':true
},
{
 'from':50000,  
 'disabled':true
}
]

Если minMoney 25000, тогда объект 50 становится истинным, как вы увидите здесь, 10K и 25K уже включены

[
{
 'from':10000,  
 'disabled':false
},
{
 'from':25000,  
 'disabled':false
},
{
 'from':50000,  
 'disabled':true
}
]

И если minMoney составляет 50К, тогда все будут включены,

[
{
 'from':10000,  
 'disabled':false
},
{
 'from':25000,  
 'disabled':false
},
{
 'from':50000,  
 'disabled':false
}
]

Для чего выполните следующую функцию

changeCrimePlus(){
            for (var i in this.crimePlus) {
                if (this.crimePlus[i].from > this.moneyMin) {
                    this.crimePlus[i].disabled = true;
                }
                else{
                  this.crimePlus[i].disabled = false;
                }
            }
        },

И у меня работает без проблем, предметы, которые я хочу отключены, отключены, и все в порядке, проблема в том, что у меня включены 10K и 25K, поэтому я выбираю 10K и 25K, и он отключен.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...