发表于: 2020-04-27 20:31:12
0 1649
今天完成的事情:
1.推进任务
明天计划的事情:
1.推进任务
遇到的问题和收获:
图片预览需要fileList属性
获取详情时将参数传给fileList
this.fileList = [{name: '点击此处预览图片', url: res.data.data.article.img}]
<!--图片预览-->
<el-dialog
title="图片预览"
:visible.sync="previewVisible"
width="50%">
<img :src="previewPath" alt="" class="previewImg">
</el-dialog>
dialog框,写出基本样式,预览的图片
//预览图片
handlePreview(file) {
console.log(file);
this.previewPath = file.url
this.previewVisible = true//点击后立即显示预览框
},
点击时触发handlePreview函数,将获取的图片url传给img显示出来
//进入的路由是'/home/admin'时,请求数据刷新页面
if (to.path === '/home/admin') {
this.getArticleList()
}
另外获取列表信息是在路由变化时就触发获取的函数。如果跳转到其它路由,还是会触发,这不必要。改了下,只有进入的路由是需要的路由时才触发。不然会有多次请求
评论