Атрибут class в фреймворке Vue
Работа с атрибутом class происходит
через директиву v-bind или
ее сокращенную форму.
Давайте посмотрим на практике.
Пусть в свойстве str
хранятся CSS классы тега,
разделенные пробелами:
data() {
return {
str: 'active valid',
}
}
Добавим эти CSS классы в какой-нибудь тег:
<template>
<p :class="str">text</p>
</template>
Дан абзац. Дано свойство cssClasses,
в котором записаны некоторые CSS классы.
Добавьте эти классы к нашему абзацу.
