類似這種新聞列表,在當前頁面如果直接寫¥route.params.id可以獲取到點擊的時候傳過來的參數,把參數賦給axios的url,進行接口調用,顯示頁面,但是當點擊一次之后,返回列表繼續(xù)點擊,進入的詳情頁面依然是上一個 詳情頁,只有刷新一下才會成為當前的詳情頁?我是剛剛接觸vue的小白,想問一下各路大神們這時什么原因呢?如何解決?import {mapActions, mapState, mapGetters} from 'vuex' import axios from 'axios' axios.defaults.baseURL = 'http://120.77.215.34:9001'; export default{ data(){ return { detail:{}, title:"", createAt:"", content:"", id:this.$route.params.id } }, created(){ axios.get("/news/detail",{ params:{ id:this.id } }).then(res=> { this.title = res.data.news.title; this.createAt = res.data.news.createAt; this.content = res.data.news.content; }) watch: { '$route' (to, from) { // 獲取最新的id 調用獲取數據方法 this.getData(this.id) } } }
為什么vue路由點擊列表頁進對應的詳情頁,打開頁面需刷新才是當前的頁面?
富國滬深
2018-12-13 14:09:38