vuejs2 - 如何在使用 vuejs 和 quasar 单击按钮时关闭折叠？

Question

我正在使用<q-collapsible>标签进行折叠操作。那工作正常。但是我只需要通过 Vue js 单击其他按钮来关闭折叠。

由于我使用的是类星体，它具有一些功能，如 open() 和 close()，我不知道如何实现它。因此，如果可能的话，有人可以帮助我如何进行。

Answer 1

这可以很容易地完成，因为 quasar 提供了开箱即用的功能。

首先，引用你的类星体组件

<q-collapsible ref="myCollapsible">
   ...
</q-collapsible>

<button @click="toggleCollapsible">toggle collapsible</button>

然后，执行需要的方法

methods: {
  toggleCollapsible () {
    this.$refs.myCollapsible.toggle()
  }
}

这是针对toggle，您可以对open和执行相同的操作close。