Thuộc tính class trong framework Vue
Làm việc với thuộc tính class được thực hiện
thông qua chỉ thị v-bind hoặc
dạng rút gọn của nó.
Hãy cùng xem xét trong thực tế.
Giả sử trong thuộc tính str
lưu trữ các lớp CSS của thẻ,
được phân tách bằng dấu cách:
data() {
return {
str: 'active valid',
}
}
Hãy thêm các lớp CSS này vào một thẻ bất kỳ:
<template>
<p :class="str">text</p>
</template>
Cho một đoạn văn. Cho thuộc tính cssClasses,
trong đó ghi lại một số lớp CSS.
Hãy thêm các lớp này vào đoạn văn của chúng ta.