多张图片onload需要一个个生成new Image()吗 ?

Question

问题描述v-html 时对html内容里的img宽度做限制，图片的onload需要一个个生成new Image() 吗原先的写法只能改变第一张mounted: function () {    this.$nextTick(function () {        var Img = new Image();        var imgs = $("#infoContent p img");         imgs.each(function (i, v) {             Img.src = v.src;             Img.onload = function() {                if ($(v).width() > 630) {                     $(v).css('width', '100%');                 }                                                 }         })     }) }更改后的mounted: function () {    this.$nextTick(function () {        var imgs = $("#infoContent p img"), Img = [];         imgs.each(function (i, v) {             Img[i] = new Image();             Img[i].src = v.src;             Img[i].onload = function() {                if ($(v).width() > 630) {                     $(v).css('width', '100%');                 }             }         })     }) }需要对每个img都new一下 有没有更好的写法

Answer 1

应该能用css做到 试过max-width吗
还有你这jq混写