Vue: Want to turn off `v-transition` and `v-animation` effects in some scenarios.

Created on 5 Oct 2014  路  2Comments  路  Source: vuejs/vue

Hello,

I want to turn off all the v-transition, v-animations effects in some low-performance 2.x Android devices.

Is there any way to achieve that?

( I tried to disable transition properties in css, but vue.js still add class .v-enter or .v-leave to elements, and these classes would be never removed. )

Most helpful comment

Upgrade to 0.11 and using { transition: none !important }, everything works well. Thanks!

The new API of v-transition looks simple & nice, like it : )

All 2 comments

0.10 has no way to toggle that at the moment... but with 0.11 you should be able to disable all transitions with something like * { transition: none !important }

A hack you can do is by setting the transition-duration to something like 1ms, but I'm not sure if that would work since I don't have an Android 2.x device to test with.

Upgrade to 0.11 and using { transition: none !important }, everything works well. Thanks!

The new API of v-transition looks simple & nice, like it : )

Was this page helpful?
0 / 5 - 0 ratings

Related issues

seemsindie picture seemsindie  路  3Comments

paulpflug picture paulpflug  路  3Comments

Jokcy picture Jokcy  路  3Comments

aviggngyv picture aviggngyv  路  3Comments

julianxhokaxhiu picture julianxhokaxhiu  路  3Comments