vue图片旋转90度后，如何实现旋转后的图片铺满容器‘

在Vue中，如果你想要实现在图片旋转90度后能够自动铺满容器，你可以使用CSS来处理这个问题。首先，你需要将图片元素设置为绝对定位，并确保它的宽度和高度足够覆盖容器。然后利用CSS的`transform`属性来实现旋转效果。以下是一个简单的示例：

<template>
  <div class="container">
    <img :src="imageUrl" alt="图片" @load="rotateAndFitImage" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: 'path/to/your/image.jpg',
    };
  },
  methods: {
    rotateAndFitImage() {
      const img = this.$refs['image']; // 获取引用
      if (img) {
        img.style.transform = 'rotate(90deg)';
        img.style.width = '100%'; // 设置宽度等于容器
        img.style.height = 'auto'; // 自动适应高度，保持纵横比
      }
    },
  },
  mounted() {
    this.rotateAndFitImage();
  },
};
</script>

<style scoped>
.container {
  position: relative;
  /* 如果容器有固定尺寸，这里可以设置 */
}
</style>

在这个例子中，当图片加载完成后，`rotateAndFitImage`方法会被调用，它会旋转图片并调整其大小使其填充满容器。请注意，如果容器本身不是正方形，那么图片可能会拉伸或压缩以适应。