由于前面说的,
文件列表不能使用,
只能自己写个显示文件行的东西,
现在出问题了:
在编辑的时候,
出现了文件名字,但是部署到服务器上之后,
却出现不了文件名。
为什么?
部署的服务器有问题吗?
不,是缓冲的问题。
在上传文件的时候,
有一个file.name会让你快乐,
但是如果你用file.name显示文件名,
这就会出现不真实的快乐,
暂存的文件名会让文件名显示出一会,
但是当刷新的时候就会,
使得file.name变成空,
应该用后端传过来的数据xxx.jpg,
不只是缓存里的数据,
刷新后也可以存在,不像el-upload的file.name只是一个暂时存在的数据
<el-link type="primary">{{educerurl}}</el-link>
在before-upload方法里写上
<div v-if="test_show">
//file.name部分
//删除按钮部分
</div>
//调用上传方法时
this.$api.TestPage.uploadFile(fd).then((res)=>{
this.educerurl = res.url;//这个后端传过来的值就不是暂时缓存的数据
this.show_test = true
});
同时还有逻辑,
在后端传过来的数据为空的时候,
就把
<div v-if="test_show">
//file.name部分
//删除按钮部分
</div>
问题:
会出现编辑时值出现一个删除按钮,文件名是没有的
1、我判断一下是文件的名字没有还是名字有时没有显示文件名
【通过前端的netWork查看】
一打开页面时有一个showPage方法,
点进去可以看到
content里面有数据,
点开发现数据里这个url是空的时候,
显示空文件名和一个显示出的删除按钮
【后来我恍然大悟,原来显示的时候,“”空的时候也给它显示出来了,
这可太秀了】
于是,我做出了限制
就可以组织url为空时文件的空白名显示,
后面再netWork的时候发现,另一个url不存在时,是null不是“”,
咳,后端格式不对,能怎么办,宠着呗
2、一开始我以为是自己的删除按钮和文件名部分不受一个div的v-if控制,
后来用两个div控制,
<div v-if="test_show">
//file.name部分
//删除按钮部分
</div>
<div v-if="test_show">
//file.name部分
//删除按钮部分
</div>
还是不行
3、结论:是为空时出现的,空文件名、有删除按钮