如何使用 vuejs 和类星体在单击按钮时关闭折叠？

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 执行相同的操作。