消息跳转

src/views/withMenu/Home/Notify/index.vue

@@ -16,7 +16,11 @@
         class="overflow-ellipsis overflow-hidden"
         v-for="item in list"
         :key="item.uuid"
-      >{{ item.content }}</van-swipe-item>
+      >
+      <div @click="$router.push({path: '/msgDetail', query: {info: JSON.stringify(item)}})">
+        {{ item.content }}
+      </div>
+      </van-swipe-item>
     </van-swipe>
   </van-notice-bar>
 </template>
@@ -31,7 +35,16 @@ export default defineComponent({
     "van-swipe": Swipe,
     "van-swipe-item": SwipeItem,
   },
-  props: ['list']
+  props: ['list'],
+  setup() {
+    const goPage = () => {
+      console.log(1111)
+    }
+
+    return {
+      goPage
+    }
+  }
 });
 </script>
 <style>

src/views/withMenu/Mine/msgDetail.vue

@@ -3,7 +3,7 @@
     <nav-bar title="消息" :style="{ 'background-color':'#F7F7FA'}"/>
     <p class=" text-gray-800 text-sm font-semibold mt-7">{{ info.title }}</p>
     <p class=" text-gray-400 text-xs mt-3">{{ $format(info.created_at, 'YYYY-MM-DD HH:mm:ss') }}</p>
-    <p class=" text-gray-800 text-sm text-justify mx-5 mt-6">{{ info.content }}</p>
+    <p class=" text-gray-800 text-sm text-justify mx-5 mt-6 overflow-hidden break-all">{{ info.content }}</p>
   </div>
 </template>