Вычисляемое свойство Vue JS и jquery
Я хочу сделать элемент невидимым, когда активна вкладка (начальная загрузка).
Итак, как я пытаюсь это сделать, это создать вычисляемое свойство, которое возвращается, если вкладка активна, используя jquery следующим образом:
computed: {
IsAbainteracoesAtiva: function () {
return ($('div.active')[1].id == "interacoes")
}
}
Но это вычисляемое свойство всегда возвращает false, даже если оно истинно. Я предполагаю, что Vue не обновляет его.
Любые предложения? Я открыт и для других решений.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Я предполагаю, что кран начальной загрузки активируется щелчком мыши, в противном случае поправьте меня, и я вернусь с другим ответом.
// Simulate tab
<tab @click = "toggleTabState"></tab>
// Simulate bootstrap element to show
<div v-if = "tabIsOpen"></div>
export default {
data() {
return {
tabIsOpen: false
}
},
methods: {
toggleTabState() {
this.tabIsOpen = !this.tabIsOpen
}
}
}
Мне понадобится немного вашего HTML, чтобы увидеть, что еще происходит. Вы перебираете множество элементов с помощью v-для?
Основываясь на вашем ответе, я сделал «IsAbainteracoesAtiva» «нормальным» свойством, и на каждой вкладке я поставил v-on:click.prevent = "IsAbainteracoesAtiva = false" или v-on:click.prevent = "IsAbainteracoesAtiva = false", и теперь это работает. Спасибо!
Да, вкладка начальной загрузки активируется одним щелчком мыши. И нет, я просто использую v-если для проверки.