路由返回上一級(jí)后報(bào)錯(cuò)

路由返回上一級(jí)后瀏覽器報(bào)錯(cuò)。

路由關(guān)系：dialogues.vue=>chatview.vue

chatview部分：

<template>
    <div id="chatview">
            <div id="back" @click="back">
                <span>〈 </span><span>返回</span>
            </div>
            <div id="title">{{chat.name}}</div>
    </div>
</template>
<script type="text/javascript">
    export default{
    methods:{
        back(){
            this.$router.go(-1)
        }
    },
    computed: {
            chat() {
                return this.$route.query.chatid;
            }
        }
    }
</script>

dialogues部分：

<template>
    <div id="dialogue">
        <div id="chatcontent" v-for="thedialoge in dialogues">
            <router-link :to="{path:'/chatview',query:{chatid:thedialoge}}">
                <div id="chatcontainer">
                    xxxx
                </div>    
            </router-link>        
        </div>
    </div>
</template>
<script type="text/javascript">
    import axios from 'axios'
    export default{
        data() {
               return {
                 dialogues:[],
            }
        },
        created() {
            axios.get('static/data.json').then(response => 
                     (this.dialogues=response.data.dialogue)
                )
              },
    }
</script>

從chatview點(diǎn)擊返回按鈕返回上一級(jí)路由后，瀏覽器報(bào)錯(cuò)：

[Vue warn]: Error in render: "TypeError: Cannot read property 'name' of undefined"

found in

---> <Chatview> at src\components\pages\chatview.vue

TypeError: Cannot read property 'name' of undefined

從dialogues.vue進(jìn)入到chatview.vue時(shí)是能成功渲染chat.name 的，從chatview.vue再this.$router.go(-1)退回到dialogues.vue時(shí)會(huì)報(bào)錯(cuò)[Vue warn]: Error in render: "TypeError: Cannot read property 'name' of undefined"
求解，哪里出問題了么？