VueJS нажмите на 1 кнопку и отключите остальные кнопки - PullRequest
Новая
       12

VueJS нажмите на 1 кнопку и отключите остальные кнопки

0 голосов
/ 22 сентября 2018

, поэтому у меня есть 3 кнопки в цикле v-for с методом щелчка.

Я хочу нажать на кнопку и отключить другие, но также могу нажать активную кнопку и включитьдругой.

Спасибо:)

'данные': [] 

<div v-for="(index, value, key) in data.data">
    <button @click="onClick(index)">
        <div>{{ index.id }}</div>
    </button>
</div>

onClick(index) {//}

1 Ответ

0 голосов
/ 22 сентября 2018

Как то так? 

var app2 = new Vue({
  el: "#app",
  data: {
    buttons: [false, false, false]
  },
  methods: {
    onClick(index) {
      if (this.buttons.every(b => !b)) {
        this.buttons = this.buttons.map((b, i) => (i === index ? false : true));
      } else {
        this.buttons = this.buttons.map(b => false);
      }
    }
  }
});

https://codepen.io/bart0810/pen/zJXNXx

...