用vue实现点击图片放大缩小怎么实现

Question

在vue里面，一个列表里有如四张图片，点击其中一张图片放大大概1.5倍，再点击恢复原状，用原生去解决不依靠JQ请教如何实现，最好附带下代码谢啦

Answer 1

<img :class="{scale: img.isScale}" v-for="img in imgList" @click="img.isScale = !img.isScale">

img {
    transform: scale(1);
    transition: all ease 0.2s;
}
img.scale {
    transform: scale(1.5);
}

Answer 2

这个确实可以缩放，但是缩放之后img是无法拖动的

Answer 3

前端时间刚做的,自己根据自己的需求更改