【element-ui】element的upload组件的布局问题

• Z时代
• 2024-01-10
• 分类：技术分享

我用element的upload组件弄了一个多图片上传，我在PC端的手机模拟器上看到的效果是这样的

但是在Android手机上看到的效果却是这样的

请问为什么会这样。我的代码如下

<template>
  <div>
  <el-upload
  :action= domain
  ref="upload"
  accept='image/jpeg,image/gif,image/png'
  :auto-upload="false"
  :http-request="upqiniu"
  :limit="limit"
  :multiple="multiple"
  list-type="picture-card"
  :before-upload="beforeUpload"
  :on-preview="handlePictureCardPreview"
  :on-change="handldChange"
  :on-remove="handleRemove">
  <i class="el-icon-plus"></i><!-- {{showButton}} -->
  </el-upload>
  <el-dialog :visible.sync="dialogVisible">
    <img width="100%" :src="dialogImageUrl" alt="">
  </el-dialog>
</div>
</template>

回答：

pc 的手机模拟器也是分不同机型的，可能是你的手机屏幕比较小。
你看看上面两个图片的宽度是不是超出了手机屏幕一行的宽度。

以上是 【element-ui】element的upload组件的布局问题 的全部内容， 来源链接： utcz.com/a/151681.html