当前页面<template>
<ul>
<li v-for="(item,index) in data" :key="index" @click="ok(item.noticeId)">
<p>{{item.createTime}}</p>
<p>{{item.title}}</p>
</li>
</ul>
当前页面<script>
export default{
name:"Helloword",
data(){
return{
data:{}
}
},
methods:{
ok(id){
console.log(id)
this.$router.push({name:"noticeDetail",query:{id:id}})
}
},
mounted(){
this.$axios({
method:'get',
url:'https://pda.aixuepai.com.cn:8866/notice/public/list.do',
}).then((response)=>{
console.log(response)
this.data=response.data.data;
console.log(this.data)
}).catch((error)=>{
console.log(error)
})
}
}
noticeDetail页面<template>
<div>
{{data.title}}<br>
{{data.createTime}}<br>
<div v-html="data.message"></div>//解析html标签
</div>
noticeDetail页面<script>
export default {
name:"Helloword",
data(){
return{
data:{},
id:{}
}
},
methods:{
},
mounted(){
this.id=this.$route.query.id
this.$axios({
method:'get',
url:`https://pda.aixuepai.com.cn:8866/notice/public/detail.do?noticeId=${this.id}`,
}).then((response)=>{
console.log(response)
this.data=response.data.data;
console.log(this.data)
}).catch((error)=>{
console.log(error)
})
}
