Fragster
@Fragster
помогло? отметь решением!

Сделать компонент, который появляется путем растягивания из нулевой ширины/высоты, по типу slideToggle из jquery?

api.jquery.com/slideToggle
0042_06_26.png

Хочу, чтобы при отправке запроса на сервер инпут немного уменьшался и справа появлялась иконка.
пытаюсь сделать так:
.scaleX-enter-active , .scaleX-leave-active {
    transition: all .4s;
  }
  .scaleX-enter, .scaleX-leave-to
  /* .slide-fade-leave-active для <2.1.8 */ {
    transform: scaleX(0);
  }

...
        <transition name="scaleX">
          <span v-if="processing" class="fa fa-circle-o-notch fa-spin fa-fw" aria-hidden="true"/></span>
        </transition>
...

иконка появляется и пропадает моментально. При этом с fade все прекрасно работает.
сделал небольшой пример, https://jsfiddle.net/5wcrfqdb/3/ , хочу, чтобы блок scale появлялся слева направо (от нулевой ширины до полной)

upd: немного продвинулся: https://jsfiddle.net/5wcrfqdb/60/
в идеале сделать так, чтобы scale был до реальной ширины элемента
  • Вопрос задан
  • 400 просмотров
Решения вопроса 1
kulakoff
@kulakoff Куратор тега Vue.js
Vue.js developing
А если div вместо span?
<div v-if="processing">scaleX</div>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы