Element UI 实现文件上传

前言:
写个这个内容,主要是想分析一下自己的头脑到底是如何思考技术使用的优先级的。


1. 按照正常情况,有现成的UI库,也提供了上传函数和各种属性,应该是首选。可是我接触下来的感觉就是,很多属性是用不上的。

从功能复杂度来看(初期软件设计尽量操作简单)

如果功能很简单,就是选择文件即上传,不涉及复杂业务,我认为根本就不需要UI库,而该手动完成,如下利用 input 标签的 type = file

<template>
    <input type="file" @change="upload($event)" />
</template>

<script>
    export default {
         methods: {
            upload(event){
                // 打印文件对象
                console.log(event.target.files[0]);
            }
        }
    }
</script>

未来功能调整,无法满足时,升级即可,那时有的是时间完善和修改

初期软件设计不该大而全

        其次我认为,不该将软件设计的,满足任何场景意为大而且全,考虑多了,设计的复杂增加了,实现起来就越来越困难。

        尤其是小企业和靠外包的企业(没有开发部门的企业),更不能这样,无论你的生意要做多大,初期都该简单,再简单的设计。

一、表格

使用数据

<el-table-column label="姓名" width="100">
        <template slot-scope="scope">
          <span style="margin-left: 10px">{{ scope.row.name }}</span>
        </template>
 </el-table-column>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

tengyuxin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值