<img id="bigimg" @mousewheel="zoomimg($event)" style="border:5px solid #fff;" src="" />
Copy the code
// Zoom the image
zoomimg(event) {
var delta = 0;
if(! event) event =window.event;
if (event.wheelDelta) {
delta = event.wheelDelta / 120;
if (window.opera) delta = -delta;
} else if (event.detail) {
delta = -event.detail / 3;
}
var img = document.getElementById('bigimg')
if (delta > 0) {
var width = img.width;
img.width = width * 1.1;
} else if (delta < 0) {
var width = img.width;
if (width > 400) {
img.width = width * 0.9; }}},Copy the code