利用element-ui怎么實現(xiàn)一個點擊放大圖片功能-創(chuàng)新互聯(lián)

1.此處的div是展示大圖的容器，當點擊圖象時顯示出來。
2.srcList是存放大圖路徑的數(shù)組，在獲取數(shù)據(jù)時，通過forEach將圖片路徑存放到srcList中

data() {
  return {
   data: [], // 所有數(shù)據(jù)
   srcList: [], //大圖
},
mounted(){
	this.$http.get("/data.json").then((res) => {
	  this.data = res.data;
	  this.data.forEach((item) => {
	    this.srcList.push(item.pic);
	  });
	});
}

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，的支持。