问题

需求如下：

文件上传列表

这是一个文件上传Modal，使用了antd的Upload组件，但是没有使用组件自带的文件列表，而是自定义了一个列表。想要的效果是，文件列表后面的动作根据文件上传状态改变，如还未上传时是“等待上传”，上传开始时是“上传中”，上传完成后变成“下载”。

由于对Vue的学习还停留在会用的阶段，并没有太深入的研究，所以，在解决这个问题时，走了一些弯路，现将在解决问题中走的弯路也了并记录下来，以备后查。

在FileList中添加一个属性

FileList是一个文件列表。一开始，想得比较简单，就在上传的各个事件点，在FileList中添加了一个属性，名为status，事件触发时，通过预先保留的索引，在FileList中找到相应的元素，添加或修改status属性。我用的是vuex，所以是vuex的写法。

store核心代码如下：

letfileList = state.fileListfileList [index].status = 0commit('setFileList', {fileList : fileList })

view核心代码如下：

下载

完成以上修改后，发现视图没有变化，而在vue插件中，观察到了store的变化，也就是说，store已经改变了，但是，视图却没有刷新。

给FileList加一层包装