前端代码:
<img v-lazy="detail.pic" style="width:150px; height:85px; " @click="amplifier()" >
点击图片放大的效果:
<el-dialog :visible.sync="dialogFormVisible123">
<div class="dialogImg">
<img v-lazy="detail.pic" /> <!-- 从对象里面获取的url图片地址 -->
</div>
</el-dialog>
//点击放大
amplifier() {
this.dialogFormVisible123 = true;
}
图片样式:
.dialogImg {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.dialogImg img {
width: 80%;
margin: 0 auto;
}