vue 添加旋转图片 修改css transform 值

//点击放大图片并旋转图片

conponents组建

 

使用:

           

 

 

import BigImg from '@/components/bigImg_rotate/index.vue';
    export default {
        components: {
            'big-imgrotate': BigImg
        },

　　data() {
            return {

　　　　　　showImg:false

　　　　}

　　},

　　methods: {
            //点击放大图片
            clickImg(e) {
                this.showImg = true;
                // 获取当前图片地址
                this.imgSrc = e.currentTarget.src;
            },

　　　　//关闭放大图片
           closeBigImg(e) {
                this.showImg = false;
            },

　　}

}
                       

转载于:https://www.cnblogs.com/zhaozhenzhen/p/10156242.html