Как при клике на кнопку во Vue добавлять класс другому элементу?

Question

[Vladislav]

Как при клике на кнопку во Vue добавлять класс другому элементу, например на body при клике по кнопке вешается класс active?

Comments

[Владимир Коротенко]

Вот прям на body это нужно немного js а если на другой элемент то делаете переменную isAgreed < button type=submit :disabled=!isAgreed

[Владимир Коротенко]

Владимир Коротенко, с классами все тоже самое

Answer 1

[0xD34F]

например на body

Поскольку body не следует использовать в качестве корневого элемента приложения, то так же, как и без vue - путём прямого обращения к classList:

<button @click="onClick">

methods: {
  onClick() {
    document.body.classList.toggle('active');
  },
},

Если же не "например" - читайте документацию, там всё есть.