vue实现图片的旋转(点击一下旋转360°(2018.07.10

vue实现图片的旋转(点击一下旋转360°)

用动画实现

@keyframes rotate{

    0%{ transform: (0deg) }

    100%{transform:(360deg)}

}

.go{

animate: rotate 1s;

}

给图片加一个点击事件

<img :class='{go:'addRotate'}' src='' @click='rotate'>

点击事件实现

rotate(){

    this.addRotate = true;

    setTImeout(() => {

        this.addRotate = false;

    },1000)

}