Question

我想在（引导）选项卡处于活动状态时使元素不可见。

因此，我尝试执行的方式是创建一个计算属性，如果使用jquery时选项卡处于活动状态，则返回该属性：

computed: {
    IsAbainteracoesAtiva: function () {
        return ($('div.active')[1].id == "interacoes")
    }
}

但是此计算属性始终返回false，即使它为true。我的猜测是Vue没有更新它。

有没有建议？我也接受其他解决方案。

Answer 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-for 遍历许多元素？

Vue JS计算的属性和jQuery

1 个答案: