Читая документацию, я не понимаю, как я могу изменить класс.
Данные моих компонентов выглядят так:
props: [
'm_c_id',
'recipient_id',
'sender_id',
'userId'
],
Теперь, если sender_id == userId
я хочу показать это в своем шаблоне:
<div class="msg-from-me">
<p>Hello</p>
</div>
или если recipient_id == userId
Я хочу показать это:
<div class="msg-from-them">
<p>Hello</p>
</div>
Вы также можете использовать тернарный оператор для переключения классов:
<div v-bind:class="[sender_id === userId ? msg-from-me : msg-from-them]">
Таким образом, если только два параметра - sender_id или recipient_id, соответствующий класс переключится.
v-bind:class="{'msg-from-me': userId==m_sender_id, 'msg-from-them': userId==m_recipient_id}"