vuejsとquasarを使用してボタンをクリックして折り畳みを閉じるにはどうすればいいですか？

Question

私は<q-collapsible>タグを使用して崩壊行為を行っています。それはうまくいきます。しかし、私はVue jsだけを介して他のボタンをクリックすることによって崩壊を閉じる必要があります。

私はquasarを使用しているので、open（）とclose（）のようないくつかの機能があり、実装方法はわかりません。だから可能であれば、誰かがどのように進歩するのを助けます

Answer 1

これは、quasarがこの機能をボックスの外に提供するので、簡単に実行できます。

まず、これはtoggleのためである、あなたはopenとcloseと同じことを行うことができます必要な方法

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

を実行し、その後、あなたのクエーサーコンポーネント

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

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

を参照。