:class="{
'class1': $vuetify.breakpoint.xsOnly,
'class2': !$vuetify.breakpoint.xsOnly
}"
все живет пока страничку ресайзишь... но воот если ее уменьшить до мобильной версии И СДЕЛАТЬ ОБНОВЛЕНИЕ СТРАНИЦЫ можно наблюдать баг следующего плана
$vuetify.breakpoint.xsOnly сначала ставится в false...за ней ставится и класс2, а потом значение $vuetify.breakpoint.xsOnly превращается в положенное ему true... но вот класс за этим уже не меняется.
помогает какойто непонятный костыль вида:
если повесить на произвольный элемент в этом компоненте v-resize="myMethod" :class="{'':myvar}"
а в методе сделать типа
myvar = $vuetify.breakpoint.xsOnly
т.е. после этого все конструкции вышеописанные в данном компоненте начинают работать как надо. Это какая то глюка с рендером?
тернарный оператор не катит здесь?
была такая бага
это гидрация при ssr, вот путь обхода https://github.com/vuetifyjs/vuetify/issues/3436#issuecomment-371872303
Обсуждают сегодня