Что с v-bind не так?

Question

[danilr]

<div @click="handleClick" :class="class" class="button-wrapper">

computed: {
  class() {
    return {
      "button-red": this.color === "red",
      "button-gray": this.color === "gray"
    };
  }
}

Ругается на :class="class":

[vue/valid-v-bind]
'v-bind' directives require an attribute value.

[vue/no-parsing-error]
Parsing error: Unexpected end of expression.

Answer 1

[Олег Колтунов]

Переименуйте computed свойство, скажем на 'classes'

Answer 2

[0xD34F]

Ключевое слово в качестве имени свойства? Умно, ничего не скажешь.

Comments

[danilr]

слово class нельзя использовать, понял)

[Aetae]

danilr, если очень хочется, то можно так: :class="this['class']", но лучше не надо.)

[0xD34F]

Aetae, можно просто через точку.