Как отключить прослушивание события click при значении true?

Question

[Илья Климов]

Подскажите пожалуйста, необходимо избавиться от двойного прокликивания элемента. Для этого при первом клике отображается необходимый элемент и переменной frozen присваивается значение истины, как сделать так, чтобы при данном значении переменной v-on:click более не срабатывало?

HTML:

<div class="default" v-on:click="Step(this.activePlayer)">
    <img ref="cross" class="cross" width="185" height="197" src="@/components/UI/pics/cross.svg">
    <img ref="zero" class="zero" width="185" height="197" src="@/components/UI/pics/zero.svg">
  </div>

Script:

Step(player) {
      if (player === 'O') {
        this.$refs.cross.style.display = 'block';
      } else {
        this.$refs.zero.style.display = 'block';
      }
      this.frozen = true;
      this.$emit('changePlayer');
    }

Comments

[Kentavr16]

а если просто if (frozen) return?

[Илья Климов]

Kentavr16, думал об этом, но я надеюсь на существование более "правильного" решения вопроса.

Answer 1

[Сергей delphinpro]

Заменить див на кнопку (потому что по сути – это кнопка) и дисейблить ее по клику.

Comments

[Илья Климов]

Да, идея звучит хорошо. Протестировал её, но логика работы приложения поломалась: теперь стабильно по клику отображается лишь элемент cross. Zero же погибли смертью храбрых :(

[Сергей delphinpro]

Илья Климов, каким образом логика могла сломаться? Вы хотели предотвратить повторный клик. Нет ничего проще, чем отключить кнопку при клике.

[Илья Климов]

Сергей delphinpro, вот сейчас хочу понять, вполне вероятно, что сам где-то закосячил. В любом случае, спасибо за помощь!

Answer 2

[historydev]

Comments

[Илья Климов]

[historydev]

Илья Климов, впном пользоваться не умеете?

[Илья Климов]

Владимир, понятия не имел, что доступ к jsfiddle ограничен, вот и всё. Спасибо за подсказку :)

[Сергей delphinpro]

Владимир,

впном пользоваться не умеете?

а если варианты ответов
* Нет, не умею
* Не хочу включать ради коммента на тостере
?

[historydev]

Сергей delphinpro, не коммента, а ответа) Я отошёл от компа в этот момент, добавил бы код. Не умеешь - учись, эта площадка про это) Не хочешь - не так сильно нужен ответ.

[historydev]

Илья Климов, не знаю как вы, я уже на автомате включаю впн если не грузится сайт, в 99% случаев загружается)

[Илья Климов]

Владимир, справедливо сказано. Сам на новом месте с новым провайдером пытаюсь подружиться... Пока успехи не очень. Он мне порой и телегу еле прогружает *Рукалицо*. Так что, будем уж и с этим бороться(. А вам спасибо за помощь :)

Answer 3

[Юрий Жарский]

либо как упомянул Kentavr16 в методе
if (frozen) return

либо если этот вариант не нравится то

<div class="default" @click="(!frozen && Step(this.activePlayer))">

Comments

[Илья Климов]

Большое спасибо за ответ.