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

Question

[Alex]

Добрый день, передаю 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 ? Заранее спасибо.

Answer 1

[0xD34F]

Потому что родительский компонент не знает об изменении значения свойства в дочернем.

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

<TableControl @sortOpen="addStatic = $event"></TableControl>

Comments

[Alex]

0xD34F, добрый день, спасибо за ответ. Подскажите пожалуйста, как только добавляю в $emit ('sortOpen', this.sortWindowOpen = !this.sortWindowOpen), перестает открываться окно, в чем может быть проблема ?

[0xD34F]

Alex, да откуда мне знать? Не можете с первого раза правильно скопипастить пару строк - ну попробуйте ещё раз. Опять не получиться - сделайте пример в песочнице, ссылку сюда, покажите, как вы косячите.

[Alex]

0xD34F, зачем грубить ? Я все правильно написал, то что вы предлагаете не работает, я и уточняю возможно у вас опечатка или что-то ещё.

[0xD34F]

Alex, я не знаю, что вы там написали, причин верить вам на слово нет.

[Alex]

0xD34F, извиняюсь вы были правы, спасибо вам большое. Я разобрался.