Как использовать условное выражение внутри vue. js: attr

Question

У меня есть поле ввода, которое определяет max и min на входе, но иногда max устанавливается на 0, а max должен быть отключен или установлен на 150 (или какое-то большое число).

Что бы быть лучшим способом сделать условный оператор, чтобы проверить это. Пока это мой код:

<input v-model="age" :min="10" :max="0">

Я тестировал:

<input v-model="age" :min="10" :max="age.max ? 0 : 130"> 

Но проблема в том, что если maxage равен 40, значение установлено на 0.

Есть другой способ сделать это?

Answer 1

Вы определенно можете использовать для этого вычисляемое свойство.

<input v-model="age" :min="0" :max="maxValue" />

// in you computed key:
maxValue() {
  let max;
  /* add any logic according to your needs */

  return max; // returns 0, 1, 10, 254, ... or null, undefined, ...
}