Добавить символ к атрибуту в шаблоне VueJS

#vue.js

#vue.js

Вопрос:

Итак, допустим, у меня есть класс label-dog .

Допустим, я хочу объявить класс в элементе VueJS, например.

<img :class="type" >

С классом animal что-то вроде

data: { type: dog }

Как мне добавить часть «label-» в класс? Есть ли синтаксис для этого?

Ответ №1:

Вы можете сделать это таким образом:

 <img :class="'label-'   type" >
  

Вы также можете определить вычисляемое свойство для «сборки» вашего класса:

 computed: {
  fullClass() {
    return 'label-'  this.type;
  }
},