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

打开ZYK.vue :

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

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

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

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

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

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

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

再看看add_zy函数：

好看看显示效果：

好本节课就到这里吧~