详情页图片展示

src/views/detail/index.vue

@@ -22,6 +22,9 @@
                 <div>
                   <h2 style=" text-align: center;">{{article.subject}}</h2>
                   <div style="color: #999999; font-size: 12px;text-align:right">发布时间：{{article.newsTime.substring(0,10)}}</div>
+                  <div>
+                    <el-image style="margin-top:5px;width:100%;margin-bottom:5px;" fit="contain" v-for="item in attachList" :key="item.id" :src="item.downloadPath"></el-image>
+                  </div>
                   <div v-html="article.content"></div>
                 </div>
               </div>
@@ -307,6 +310,7 @@ export default {
         },
       ],
     article:{},
+    attachList:[],//附件
     };
   },
   created() {
@@ -321,7 +325,9 @@ export default {
             },
     newsDetailFun(val){
       newsDetail({newsId:val}).then(res=>{
-        this.article = res.data.newsDetail
+        let {newsDetail,attachList}=res.data;
+        this.article = newsDetail;
+        this.attachList=attachList;
       })
     },
     switchBtn(i) {