上传文件模态框

最新推荐文章于 2022-07-07 10:53:15 发布

lost_in_city

最新推荐文章于 2022-07-07 10:53:15 发布

阅读量540

点赞数

分类专栏：上传文件弹框文章标签： css vue.js

本文链接：https://blog.csdn.net/lost_in_city/article/details/107026509

版权

本文将介绍如何使用Vue.js和CSS创建一个交互式的文件上传模态框。我们将探讨Vue组件的构建，以及如何利用CSS实现模态窗口的显示和隐藏效果，同时涵盖文件选择和上传的处理逻辑。

摘要由CSDN通过智能技术生成

 <div
              class="btnOperation txts upload"
              @click="uploadModle"
              @mouseover="changeTxt"
              @mouseout="recoveryTxt"
            >
              <img
                v-if="tags==true"
                src="https://img.dayuyoupin.com/laboratory/icon_upload_def@2x.png"
                alt
              />
              <img v-else src="https://img.dayuyoupin.com/laboratory/icon_upload_hover@2x.png" alt />
              <span>上传数据</span>
            </div>
            <p class="download" @click="uploadModle">上传</p>

  <el-dialog title="上传文件" :visible.sync="uploadVisible" width="640px" center>
      <div class="newtxt-txt">
        <el-button class="writing">上传文件</el-but