点击使用vuejs和quasar的按钮时如何关闭崩溃？

Question

我正在使用<q-collapsible>标记进行崩溃操作。这工作正常。但我需要通过仅通过Vue js单击其他按钮来关闭崩溃。

由于我使用的是quasar，它有一些功能，如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执行相同操作。