怎么把madal和图片放大10倍同时图片不模糊 a-modal v-model=visible title=图片预览 ok=handleOk div class=frame img v-if=imageUrl src=imageUrl alt=photo class=userHeadPortrait div

要将modal中的图片放大10倍同时不模糊，可以使用CSS的transform属性来实现。具体做法如下：

1. 在img标签上添加一个额外的class，比如zoomImage，用于后续的CSS样式设置。

<img v-if="imageUrl" :src="imageUrl" alt="photo" class="userHeadPortrait zoomImage" />

2. 在CSS中定义.zoomImage的样式，包括将图片放大10倍的transform属性和设置图片的宽高。

.zoomImage {
  transform: scale(10);
  width: 1000px; /* 图片原始宽度乘以10 */
  height: 1000px; /* 图片原始高度乘以10 */
}

这样，当modal打开时，图片会被放大10倍，同时保持清晰度，不会模糊。