【element-ui】element上传图片为什么样式不一样？

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

官方的是这样的 而我的是下面这样的 多了一个选择文件的按钮 用的文档给的代码 这是为什么？用的chrome浏览器

<el-upload
  class="upload-demo"
  action="https://jsonplaceholder.typicode.com/posts/"
  :on-preview="handlePreview"
  :on-remove="handleRemove"
  :before-remove="beforeRemove"
  multiple
  :limit="3"
  :on-exceed="handleExceed"
  :file-list="fileList">
  <el-button size="small" type="primary">点击上传</el-button>
  <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>

回答：

你要是说官方这个例子么
http://element-cn.eleme.io/#/...
有个样式你没加进去

.el-upload__input {
    display: none;
}

先看看基础的html css再学习vue吧

回答：

在style标签内写上

.el-upload__input {
    display: none!important;
}

不要加上scoped,如果有再写在另一个style标签,最好前面再加上一个class类名避免以后css冲突

以上是 【element-ui】element上传图片为什么样式不一样？ 的全部内容， 来源链接： utcz.com/a/151806.html