Vue.js報錯—TypeError: Cannot read property 'Name' of undefined

時間 2019-12-07 標籤 vue.js vue 報錯 typeerror read property undefined

1、問題描述html

使用{{}}雙花括號在html頁面進行數據綁定時，從一個對象中獲取，超過兩個.就報錯，以下代碼報錯提示爲
vue

「TypeError: Cannot read property 'Name' of undefined」。node

var editsmall_v = new Vue({
    el: '#editsmall',
    data: {
        editSmall : {}  },
    methods: {
      
    }

});

<div class="form-section">
    <label class="required label">{{editSmall.lang.Name}}</label>
</div>

2、問題解決服務器

由於獲取服務器是異步的，因此 vue 先綁定數據。綁定數據時，你的lang賦值爲空對象的話，而lang裏面的 name 屬性便爲 undefined，因此報"cannot read property 'name' of undefined"。app

因此在初始化時，node 屬性賦值爲空對象就好了。異步

var editsmall_v = new Vue({
    el: '#editsmall',
    data: {
        editSmall : {
            lang : {},
            resumeInfo : {
                personInfo : {},
                TargetJob : {},
                SelfAssessment : {},
            }
        },
        salarytype : '',
        salaryname :''  },
    methods: {
    }

});