【测开中台教程-21】资源库上传功能实现

教育   2024-10-14 16:29   吉林  

 本公众号日更该测开中台图文教程,文末扫码进群群公告有源码资源包哦~ 视频课(一句一句讲)在知识星球,培训大课程需要私聊v:qingwanjianhua咨询哦~ 

打开ZYK.vue : 

    我们现在有一个添加按钮,@click事件做一个弹层打开的功能,这个弹层的功能有俩个,一个是输入文件的名称(类似于描述),另一个是上传资源。最后一点添加按钮,直接齐活!

    先来看看 这个添加按钮的事件代码:

很显然这个点击事件关联的是打开一个弹层。

那就再来看看这个弹层的代码吧:注意位置,只要放在template内就行。默认是关闭的状态,通过v-model来控制

上图中,通过upload_zy来上传文件。具体这个接口我们下节课再实现。

先来继续看看js部分,第一个函数uploadsuccess,它是当文件上传成功后会自动调用的函数,俗称钩子。

其中这个file是自动传进去的函数,我们之间拿里面的file.name,它就是文件名字,这和我们弹层输入的名称是不一样的。

再看看add_zy函数:

好看看显示效果:


好本节课就到这里吧~

上一个粉丝群又满了,二维码进不去了。今天再开一个新群~ 欢迎小伙伴进入聊天哦~ 

知识星球:目前加入人数100+  

因为冲到了100人,渡过了试运营阶段,所以平台发了一点优惠卷,这里扫码就可以了,先到先得,只有一天有效期:

测试开发干货
测试开发不能每天只看鸡汤文,一定要多练习基础,保持每天都学或者巩固一个算法和技巧。欢迎关注本公众号,只发布干货文章。多多转载和分享哦~
 最新文章