list

src/router/index.js

@@ -138,7 +138,7 @@ export const constantRoutes = [
         path:'messageDetails',
         component:() => import('@/views/message/messageDetails'),
         name: 'messageDetails',
-        meta: { title:'公告详情', icon:'user'},
+        meta: { title:'消息详情', icon:'user'},
         hidden: true
       }
       // messageDetails

src/views/message/messageDetails.vue

@@ -8,8 +8,9 @@
       <h4 id="noticeTime">2023-01-13 11:46:38</h4>
       <div class="noticeContent">
         邮贝数字邮局，是由中国邮政集团有限公司北京市公司设立，同时使用人民日报全国党媒联盟链进行数字邮品和数字产品的登记、认证与确权，服务广大集邮用户和数字收藏爱好者的邮政官方数字邮品和数字产品发行平台。邮贝数字邮局由北京游贝数字科技有限公司负责运营。
+        1
       </div>
-      
+      <p>{{ row_ }}</p>
     </div>
     
   </div>
@@ -19,16 +20,20 @@
 import { moreMessage } from '../../api/message/message.js'
 import mitt from '@/utils/mitt.js';
 export default {
-  props: {
-    
-  },
+  props:["row_"],
   data() {
     return {
-      num:1
+      num:1,
+      _row : row_ ,
     }
   },
   mounted() {
+    console.log("1");
     this.getList();
+    let queryObj = this.$route.query
+    
+    
+    console.log(queryObj);
     mitt.on("searchMore",(data)=>{
       console.log("*******");
       console.log(data);

src/views/message/messageList.vue

@@ -39,7 +39,7 @@
           </el-table-column>
           <el-table-column prop="operate" label="操作">
             <template slot-scope="scope">
-              <el-button size="mini" type="text" @click="viewDetails(scope)">查看详情</el-button>
+              <el-button size="mini" type="text" @click="viewDetails(scope)"  v-bind:row_ = "row_">查看详情</el-button>
               <el-popconfirm title="你确定删除本条消息吗？" @confirm="deleteMessage(scope)">
                 <el-button class="btn-delete" size="mini" type="text" icon="el-icon-delete"
                   slot="reference">删除</el-button>
@@ -51,11 +51,11 @@
     </div>
     <div class="bottom">
       <div class="bottom-page">
-        <el-pagination layout="prev, pager, next" :total="mockMessageList.length" @size-change="handleSizeChange"
+        <el-pagination layout="prev, pager, next" :total="tableData.length" @size-change="handleSizeChange"
           @current-change="handleCurrentChange">
         </el-pagination>
       </div>
-      <span class="bottom-number">共{{ mockMessageList.length }}条 </span>
+      <span class="bottom-number">共{{ tableData.length }}条 </span>
     </div>
   </div>
 </template>
@@ -74,7 +74,8 @@ export default {
       mock: "",
       mockMessageList: [],
       currentPage: 1,
-      pagesize: 10
+      pagesize: 10,
+      row_ : "1",
     }
   },
   mounted() {
@@ -130,7 +131,10 @@ export default {
     viewDetails(row) {
       row = row.row.newsId
       mitt.emit('searchMore', row)
-      this.$router.push("/messageList/messageDetails");
+      this.row_ = row
+      console.log(this.row_);
+      this.$router.push({path:"/messageList/messageDetails",query:{row_: this.row_}})
+      // this.$router.push("/messageList/messageDetails");
     },
     //添加跳转
     addNoticce() {