这个怎么放大不失真模糊 img v-if=imageUrl src=imageUrl alt=photo class=userHeadPortrait

要放大图片而不失真模糊，可以使用CSS的transform属性来进行缩放。具体做法是在img标签的class中添加一个新的CSS类，然后使用transform:scale()来放大图片。示例如下：

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

<style>
.userHeadPortrait.zoomed {
  transform: scale(2); /* 设置放大倍数，可以根据需要调整 */
  transform-origin: center; /* 设置缩放中心为图片的中心 */
}
</style>

上述代码将图片放大两倍，并且保持清晰度。你可以根据需要调整放大倍数。