Lawrence_33
@Lawrence_33

Как передать класс по клику в другой компонент?

Подскажите пожалуйста у меня есть компонент TableControl.vue, вешается клик @click="sortOpen" для открытия окна, мне нужно передать класс в другой компонент TableTamplate.vue
<tr class="sticky bg-black-900 top-0 z-10 h-10" :class="{'relative' : sortOpen}"

но не срабатывает, объясните пожалуйста попробовал через $emit, но не могу понять как пробросить клик. Спасибо заранее.
  • Вопрос задан
  • 78 просмотров
Пригласить эксперта
Ответы на вопрос 1
@exmach
Frontend Developer
В дочке:

<... @click.native="$emit('smthngClick')" ...>

В родителе:

<TableControl @trClick="sortOpen = !sortOpen" />
...
<tr :class="{relative: sortOpen}">
...


Ну и вариации этого в зависимости от требуемого поведения. Если нужно из родителя в дочку, то передаете через проп в дочку переменную, а значение ее меняете в родителе по клику просто. Не очень просто понял структуру кейса.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы