Lawrence_33
@Lawrence_33

Почему не меняется style при click?

Добрый день, передаю click с одного компонента в другой.
В первом компоненте
@click="sortOpen"
sortOpen() {
	this.sortWindowOpen = !this.sortWindowOpen;
	this.$emit('sortOpen')
},

В другом компоненте ловлю
<TableControl @sortOpen="addStatic"><slot></slot></TableControl>
<tr class="bg-black-900 top-0 z-10 h-10"
   :style="{position: addStatic ? 'sticky' : 'static'}"
 >

И мне нужно менять style в зависимости от клика на sortOpen в 1 компоненте, когда в нем открывается окно (this.sortWindowOpen = !this.sortWindowOpen) менять style c sticky на static. Сейчас получается, что сразу добавляется к тегу tr - style - sticky, (если указать в data(){addStatic: true}. Что нужно добавить, чтобы сработало как при закрытия окна изменение style ? Заранее спасибо.
  • Вопрос задан
  • 69 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Потому что родительский компонент не знает об изменении значения свойства в дочернем.

sortOpen() {
  this.$emit('sortOpen', this.sortWindowOpen = !this.sortWindowOpen);
},

<TableControl @sortOpen="addStatic = $event"></TableControl>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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