Vue.jsトランジションを使用してコンテンツを表示しますが、一度だけトランジションを実行します

Question

以下にリンクされたVue.jsのドキュメントを使用してショーのトランジションを作成しました。

https://vuejs.org/v2/guide/transitions.html#a

私はこの移行または別の方法を使用することができるので、私は2番目の発生を試み、停止する.onceを用いて試みました。

私も使用してメソッドを作成しようとした：

v-on:change.once="animate()" 

と方法：

animate: function() { 
     var self = this; 
     self.show = true; 
    }, 

Answer 1

私は、これは正確に何をしたいですかどうかわからないですが、あなたが示唆したように、私が試しました次のコードで@click.once、その後の移行は一度だけ行われます。ここでは

<button type="button" class="btn btn-secondary" @click.once="switc = !switc"> 
    <span>Switch</span> 
</button> 

が働いていますg fiddle：Switchボタンは、1回のトランジションのみを許可します。