การใช้ออบเจ็กต์คลาส CSS แบบอินไลน์ใน Vue
สามารถเขียนออบเจ็กต์ที่มีคลาส CSS
เป็นค่าของแอตทริบิวต์
class โดยตรงได้:
<template>
<p :class="{active: true, error: false}">
text
</p>
</template>
คลาสที่มีชื่อที่มีเครื่องหมายยัติภัง จำเป็นต้องใส่เครื่องหมายคำพูด:
<template>
<p :class="{active: true, 'has-error': false}">
text
</p>
</template>
กำหนดออบเจ็กต์คลาส CSS ดังต่อไปนี้:
{active: true, valid: false}
โปรดใช้ออบเจ็กต์นี้ กับแท็กใดแท็กหนึ่ง
