uniapp app 获取 DOM节点 设置图片旋转rotate

需求：我要让一个图片旋转起来，点击图片可以暂停，再点击一次图片可以继续从刚才的角度继续旋转下去。

 

一、原生js实现方法

思考这个问题，首先要从原生js如何去实现

1. 写一个正方形方块

2. 获取其DOM节点，设置 transform:rotate(0deg);

3. 根据setInterval不断调用旋转方法，让rotate不断增加，就可以旋转下去乐

    
    
    
    
    



    

        我是一段文字
    

二、在uniapp的 App 实现

根本问题是在DOM节点上修改角度值，而vue早就对DOM进行乐绑定，我们仅仅需要动态修改stye中transform:rotate(0deg);的值。