Привет всем извините за плохой английский. У меня очень мало опыта использования javaScript / ES6.

Я новичок в Vuejs У меня есть кнопка, в которой, если я нажимаю, она должна начать анимацию рамки с рамкой от одного div к другому div, который является фиксированным.

нажмите кнопку

{amp}lt;v-btn icon @click="doSomething()"{amp}gt; {amp}lt;v-icon{amp}gt;mdi-content-save-outline{amp}lt;/v-icon{amp}gt; {amp}lt;/v-btn{amp}gt; 

div, который должен анимировать или использовать анимацию из JS, тоже подойдет.

 {amp}lt;div style="border:1px solid #000000; width:50px; height:50px;"{amp}gt;{amp}lt;/div{amp}gt; 

показывать при нажатии и скрывать при повторном погружении

Место, где это должно оживить.

 {amp}lt;div style="position:fixed;top:10%;left:0"{amp}gt;I am Fixed{amp}lt;/div{amp}gt; 

Вы можете добиться с помощью jquery, чтобы добавить имя класса, когда вы нажимаете кнопку, здесь используйте пример кода,

Стиль

 .mystyle {padding: 25px; background-color: coral; color: white; font-size: 25px; box-sizing: border-box;} 

HTML-код

 {amp}lt;button id="myDIV" onclick="myFunction()"{amp}gt;Button Default{amp}lt;/button{amp}gt; 

скрипт

 function myFunction() { var element, name, arr; element = document.getElementById("myDIV"); name = "mystyle"; arr = element.className.split(" "); if (arr.indexOf(name) == -1) { element.className  = " "   name; } } 
Вивек Раджу

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Правила поведения

,