So ändern Sie eine bestimmte (diese) der Klasse button wenn Sie auf klicken. Mit Vue.js 2.0

Beim anklicken eine der Schaltflächen Sie sind alle Windungen aktiv. Also, was ich will, ist nur die angeklickten geändert werden sollte.

JS:

var vm = new Vue({
	el: '#toolBtns',
	data: {
		isActive: false
	},
	computed: {
		activeClass: function () {
			return {
				active: this.isActive
			};
		}
	}
});

HTML:

<div class="btn-group" role="group" id="toolBtns">
  <button class="btn" type="button" @click="isActive = !isActive" :class="activeClass">Btn1</button>
  <button class="btn" type="button" @click="isActive = !isActive" :class="activeClass">Btn2</button>
  <button class="btn" type="button" @click="isActive = !isActive" :class="activeClass">Btn3</button></div>

InformationsquelleAutor radeveloper | 2017-02-06
Schreibe einen Kommentar