Проверка Vue / Vuetify в текстовом поле в зависимости от флажков

Question

vue / vuetify новичок здесь ...

У меня есть форма, которая имеет два флажка и текстовое поле.

https://jsfiddle.net/tur0gks4/3/

Как я могу запустить проверку v-текстового поля "VIP-имя" только тогда, когда установлены один или оба флажка? Если ничего не выбрано, я не хочу проверять поле ввода.

Мне кажется, я должен изменить это

vip_nameRules: [
  v => !!v || 'VIP name required',
],

на что-то подобное

vip_nameRules: [
  v => !!v || 'VIP name required',
  v => (!vip_attend && !vip_host) || 'VIP name required',
],

Но я не могу понять ... = (

спасибо

Answer 1

Убедитесь, что ваши правила проверки вычислимы, как это:

Vue.use(Vuetify);

var vm = new Vue({
    el: "#app",

  data: {
    vip_attend: false,
    vip_host: false,

    vip_name: '',
  },
  computed: {
    vip_nameRules () {
        const rules = []

        if (!this.vip_attend || !this.vip_host) {
            const rule = v => !!v || 'VIP name required'
            rules.push(rule)
        }
        return rules;
     }
  }
});