Вам нужно в основном иметь вложенные строки и привязку, или просто использовать переменную в вашем компоненте.
Если вы хотите использовать вложенные строки, вы можете сделать это следующим образом:
<h2 v-bind:class="title + ' title--' + item.title">Title</h2>
Обратите внимание, что вы также можете использовать сокращение bind:
<h2 :class="title +' title--' + item.title">Title</h2>
Есливместо этого вы хотите вычислить весь шебанг, вы можете просто сделать его функцией, которую вы определите позже:
<h2 :class="getClass(title, item)">Title</h2>
Затем в определении вашего компонента:
methods: {
getClass (title, item) {
return `${title} title--${item.title}`
}
}
Примечание при перечитывании вашеговопрос, я делаю предположение.Я предполагаю, что у вас есть два реквизита, title
и item
, и что title
и item.title
различны.Не стесняйтесь, если я ошибаюсь.